https://notion-next-blog-smoky.vercel.app/_next/static/chunks/9544.11dd87e638435e8b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8187,9544,25489,33035,37127,46971],{8187:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var r=a(37876),n=a(14232),s=a(33035);function l(e){var t;let{link:a,onClose:l}=e,[c,i]=(0,n.useState)(!1);return(null==(t=a.subMenus)?void 0:t.length)>0?(0,r.jsxs)("div",{children:[(0,r.jsxs)("button",{onClick:()=>i(!c),className:"block w-full px-4 py-2.5 border-2 border-[#0284c7] rounded-sm shadow-[2px_2px_0px_0px_#0284c7] bg-[#ffffff] dark:bg-slate-700 font-black text-sm text-[#0284c7] uppercase tracking-wider hover:bg-[#fde68a] text-center transition-colors",children:[a.name||a.title,(0,r.jsx)("span",{className:"inline-block ml-2 transition-transform duration-200 ".concat(c?"rotate-180":""),children:"▼"})]}),(0,r.jsx)("div",{className:"mt-1.5 ml-4 flex flex-col gap-1.5 transition-all duration-200 ".concat(c?"max-h-96 opacity-100":"max-h-0 opacity-0 overflow-hidden"),children:a.subMenus.map((e,t)=>(0,r.jsx)(s.A,{href:e.href||e.url,className:"no-underline",onClick:l,children:(0,r.jsx)("div",{className:"block w-full px-3 py-2 border-2 border-[#0284c7] rounded-sm shadow-[1px_1px_0px_0px_#0284c7] bg-[#faf8f5] dark:bg-slate-600 font-bold text-xs text-[#0284c7] uppercase tracking-wider hover:bg-[#fde68a] text-center transition-colors",children:e.name||e.title})},e.id||t))})]}):(0,r.jsx)(s.A,{href:a.href||a.url,className:"no-underline",onClick:l,children:(0,r.jsx)("div",{className:"block w-full px-4 py-2.5 border-2 border-[#0284c7] rounded-sm shadow-[2px_2px_0px_0px_#0284c7] bg-[#ffffff] dark:bg-slate-700 font-black text-sm text-[#0284c7] uppercase tracking-wider hover:bg-[#fde68a] text-center transition-colors",children:a.name||a.title})})}function c(e){let{links:t,onClose:a}=e,[s,c]=(0,n.useState)(!1),i=(0,n.useCallback)(()=>{c(!1),setTimeout(()=>a(),200)},[a]);return(0,n.useEffect)(()=>{requestAnimationFrame(()=>c(!0));let e=e=>{"Escape"===e.key&&i()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i]),(0,r.jsx)("div",{className:"absolute top-full left-0 right-0 z-50 border-t-2 border-[#0284c7] bg-white dark:bg-slate-800 shadow-[0px_4px_0px_0px_#0284c7] transition-all duration-200 origin-top ".concat(s?"scale-y-100 opacity-100":"scale-y-0 opacity-0"),children:(0,r.jsx)("div",{className:"max-w-6xl mx-auto px-4 py-3 flex flex-col gap-1.5",children:t.map(e=>(0,r.jsx)(l,{link:e,onClose:i},e.id||e.name))})})}},9544:(e,t,a)=>{a.r(t),a.d(t,{default:()=>x});var r=a(37876),n=a(14232),s=a(22507),l=a(95498),c=a(33035),i=a(89099),o=a(37127),d=a(46971),f=a(25489),_=a(8187);function x(e){var t,a;let{categoryOptions:x,tagOptions:h,customNav:p,customMenu:u}=e,{locale:E}=(0,l.PC)();null==(t=(0,i.useRouter)().asPath)||t.split("?")[0];let[m,O]=(0,n.useState)(!1),b=[{id:1,name:"Home",href:"/",show:!0},{id:2,name:E.NAV.ARCHIVE||"Archive",href:"/archive",show:(0,s.CQ)("XUHOME_MENU_ARCHIVE",!0,o.default)},{id:3,name:E.COMMON.TAGS||"Tags",href:"/tag",show:(0,s.CQ)("XUHOME_MENU_TAG",!0,o.default)&&(null==h?void 0:h.length)>0},{id:4,name:E.NAV.SEARCH||"Search",href:"/search",show:(0,s.CQ)("XUHOME_MENU_SEARCH",!0,o.default)}].filter(e=>!1!==e.show);return Array.isArray(p)&&p.length>0&&(b=b.concat(p.map((e,t)=>({...e,id:"nav-".concat(t)})))),(0,s.CQ)("CUSTOM_MENU")&&Array.isArray(u)&&u.length>0&&(b=u),(0,r.jsxs)("header",{className:"sticky top-0 z-50 bg-white dark:bg-slate-800 border-b-4 border-[#0284c7] px-4 py-2 shadow-[0px_4px_0px_0px_rgba(2,132,199,0.2)] relative",children:[(0,r.jsxs)("div",{className:"max-w-6xl mx-auto flex items-center gap-2",children:[(0,r.jsxs)(c.A,{href:"/",className:"flex items-center gap-2 text-[#0284c7] hover:opacity-80 transition-opacity shrink-0 no-underline",children:[(0,r.jsx)("span",{className:"w-8 h-8 flex items-center justify-center bg-[#fde68a] border-2 border-[#0284c7] font-black text-lg transform -skew-x-12 shadow-[2px_2px_0px_0px_#0284c7]",children:(0,r.jsx)("span",{className:"transform skew-x-12",children:(null==(a=(0,s.CQ)("TITLE"))?void 0:a.charAt(0))||"X"})}),(0,r.jsx)("span",{className:"font-black uppercase tracking-widest text-sm hidden sm:inline",children:(0,s.CQ)("TITLE")})]}),(0,r.jsx)("nav",{className:"hidden sm:flex flex-wrap items-center gap-1.5",children:b.map(e=>(0,r.jsx)(d.default,{link:e},e.id||e.name))}),(0,r.jsx)("div",{className:"hidden sm:block ml-auto",children:(0,r.jsx)(f.default,{})}),(0,r.jsxs)("div",{className:"flex sm:hidden items-center gap-1.5 ml-auto",children:[(0,r.jsx)(f.default,{}),(0,r.jsx)("button",{onClick:()=>O(!m),className:"w-8 h-8 flex items-center justify-center border-2 border-[#0284c7] rounded-sm font-black text-sm shadow-[2px_2px_0px_0px_#0284c7] bg-[#ffffff] dark:bg-slate-700 text-[#0284c7] hover:bg-[#fde68a] active:translate-x-0.5 active:translate-y-0.5 active:shadow-none transition-all",children:(0,r.jsx)("span",{className:m?"rotate-90 transition-transform duration-200":"transition-transform duration-200",children:m?"✕":"☰"})})]})]}),m&&(0,r.jsx)(_.default,{links:b,onClose:()=>O(!1)})]})}},25489:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});var r=a(37876),n=a(95498);function s(){let{isDarkMode:e,toggleDarkMode:t}=(0,n.PC)();return(0,r.jsx)("button",{onClick:t,className:"w-8 h-8 flex items-center justify-center border-2 border-[#0284c7] rounded-sm font-black text-sm transition-all cursor-pointer select-none shadow-[2px_2px_0px_0px_#0284c7] active:translate-x-0.5 active:translate-y-0.5 active:shadow-none bg-[#ffffff] dark:bg-slate-700 text-[#0284c7] hover:bg-[#fde68a]",title:e?"Light mode":"Dark mode",children:e?"☼":"☽"})}},33035:(e,t,a)=>{a.d(t,{A:()=>c});var r=a(37876),n=a(48230),s=a.n(n),l=a(22507);let c=e=>{let{href:t,children:a,...n}=e,c=(0,l.CQ)("LINK"),i="";"string"==typeof t?i=t:"object"==typeof t&&null!==t&&"string"==typeof t.pathname&&(i=t.pathname);let o=i.startsWith("http")&&!i.startsWith(c),d=()=>{var e;let t=new URLSearchParams((null==(e=window.location.search)?void 0:e.slice(1))||""),a={};for(let[e,r]of t.entries())""!==r&&(a[e]=r);return a};if(o){let e="string"==typeof t?t:new URL(t.pathname,c).toString();return(0,r.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",...(e=>{let{passHref:t,legacyBehavior:a,placeholderSrc:r,fallbackSrc:n,...s}=e;return s})(n),children:a})}let f="string"==typeof t?(e=>{if("string"!=typeof e||!e||e.startsWith("#"))return e;let t=d();if(0===Object.keys(t).length)return e;let a=e.startsWith("http://")||e.startsWith("https://"),r=new URL(e,c);

1return(Object.entries(t).forEach(e=>{let[t,a]=e;r.searchParams.has(t)||r.searchParams.set(t,a)}),a)?r.toString():"".concat(r.pathname).concat(r.search).concat(r.hash)})(t):(e=>{if(!e||"object"!=typeof e)return e;let t=d();return 0===Object.keys(t).length?e:{...e,query:{...t,...e.query||{}}}})(t);return(0,r.jsx)(s(),{href:f,...(e=>{let{placeholderSrc:t,fallbackSrc:a,src:r,alt:n,width:s,height:l,loading:c,decoding:i,onLoad:o,onError:d,...f}=e;return f})(n),children:a})}},37127:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n});var r=a(65364);let n={XUHOME_BG_IMAGE:"",XUHOME_HERO_ENABLE:!0,XUHOME_HERO_TITLE:r.env.NEXT_PUBLIC_XUHOME_HERO_TITLE||"",XUHOME_HERO_BIO:r.env.NEXT_PUBLIC_XUHOME_HERO_BIO||"",XUHOME_HERO_TEXTS:["Hello.","Welcome.","Enjoy reading."],XUHOME_HERO_TITLE_COLOR:"#0284c7",XUHOME_HERO_BIO_COLOR:"#475569",XUHOME_HERO_TYPE_SPEED:80,XUHOME_HERO_DELETE_SPEED:40,XUHOME_HERO_TYPE_PAUSE:2e3,XUHOME_MENU_ARCHIVE:!0,XUHOME_MENU_TAG:!0,XUHOME_MENU_SEARCH:!0,XUHOME_SIDEBAR:!0,XUHOME_ARTICLE_RECOMMEND_POSTS:!0,XUHOME_UPTIME_ENABLE:!0,XUHOME_UPTIME_TITLE:"Running",XUHOME_UPTIME_SINCE:"2024-01-01",XUHOME_COLOR_PRIMARY:"#0284c7",XUHOME_COLOR_PRIMARY_HOVER:"#0ea5e9",XUHOME_COLOR_ACCENT:"#fde68a",XUHOME_COLOR_BG:"#faf8f5",XUHOME_COLOR_CARD:"#ffffff",XUHOME_COLOR_TEXT:"#0f172a",XUHOME_COLOR_TEXT_SECONDARY:"#475569",XUHOME_COLOR_BORDER:"#0284c7",XUHOME_COLOR_PRIMARY_DARK:"#38bdf8",XUHOME_COLOR_PRIMARY_HOVER_DARK:"#7dd3fc",XUHOME_COLOR_ACCENT_DARK:"#facc15",XUHOME_COLOR_BG_DARK:"#0b1120",XUHOME_COLOR_CARD_DARK:"#172033",XUHOME_COLOR_TEXT_DARK:"#f8fafc",XUHOME_COLOR_TEXT_SECONDARY_DARK:"#cbd5e1",XUHOME_COLOR_BORDER_DARK:"#38bdf8"}},46971:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var r=a(37876),n=a(14232),s=a(33035);function l(e){var t;let{link:a}=e,[l,c]=(0,n.useState)(!1),i=(null==a||null==(t=a.subMenus)?void 0:t.length)>0,o="inline-block px-2.5 py-1 border-2 border-[#0284c7] rounded-sm font-black uppercase text-xs tracking-wider transition-all cursor-pointer select-none shadow-[2px_2px_0px_0px_#0284c7] active:translate-x-0.5 active:translate-y-0.5 active:shadow-none bg-[#ffffff] dark:bg-slate-700 text-[#0284c7] hover:bg-[#0284c7] hover:text-white";return i?(0,r.jsxs)("div",{className:"relative",onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[(0,r.jsxs)("span",{className:"".concat(o," ").concat(l?"bg-[#fde68a]":""),children:[(null==a?void 0:a.icon)&&(0,r.jsx)("i",{className:"".concat(a.icon," mr-1")}),a.name||a.title,(0,r.jsx)("svg",{className:"inline-block w-3 h-3 ml-1 transition-transform ".concat(l?"rotate-180":""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:3,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),i&&(0,r.jsx)("div",{className:"absolute top-full left-0 mt-1 min-w-[160px] z-50 transition-all duration-150 ".concat(l?"opacity-100 visible translate-y-0":"opacity-0 invisible translate-y-1"),children:(0,r.jsx)("div",{className:"border-2 border-[#0284c7] rounded-sm shadow-[4px_4px_0px_0px_#0284c7] bg-[#ffffff] dark:bg-slate-800 p-1.5 flex flex-col gap-1",children:a.subMenus.map((e,t)=>(0,r.jsx)(s.A,{href:e.href||e.url,className:"no-underline",children:(0,r.jsxs)("div",{className:"block px-3 py-1.5 text-xs font-black uppercase tracking-wider text-[#0284c7] hover:bg-[#fde68a] rounded-sm transition-colors whitespace-nowrap",children:[e.icon&&(0,r.jsx)("i",{className:"".concat(e.icon," mr-1")}),e.name||e.title]})},e.id||t))})})]}):(0,r.jsx)(s.A,{href:null==a?void 0:a.href,className:"no-underline",children:(0,r.jsxs)("span",{className:o,children:[(null==a?void 0:a.icon)&&(0,r.jsx)("i",{className:"".concat(a.icon," mr-1")}),a.name||a.title]})})}}}]);