Hello world!

"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" *"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * \u8FD4\u56DE:"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * content: '

Hello world!

',"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * data: {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * title: 'Hello',"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * slug: 'home'"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" */"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" mdxSource"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" await"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" serialize"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(content)"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" // \u4F7F\u7528 serialize (next-mdx-remote) \u8655\u7406\u5167\u5BB9"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" frontMatter"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ..."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"data,"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" slug,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" // \u5C07 slug \u52A0\u5165\u524D\u7F6E\u8CC7\u6599\uFF0C\u7A0D\u5F8C\u6703\u7528\u5230"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" source: mdxSource,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" frontMatter,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.p,{children:"\u63A5\u4E0B\u4F86\u53EF\u4EE5\u7372\u53D6\u6240\u6709\u6587\u7AE0\uFF0C\u4EE5\u986F\u793A\u5728\u9996\u9801\u3002"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"lib/mdx.js","data-lang":"js",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getAllPosts"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" () "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" frontMatter"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" []"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" allSlugs."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"forEach"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" source"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" fs."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"readFileSync"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(path."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"join"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"POSTS_PATH"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", slug), "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'utf-8'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:")"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"data"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" matter"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(source)"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" frontMatter."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"push"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"({"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ..."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"data,"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" slug: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatSlug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(slug),"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" date: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"new"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(data.date)."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"toISOString"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(),"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" })"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" })"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" frontMatter."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"sort"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"a"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"b"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" dateSortDesc"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(a.date, b.date))"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:"// \u6309\u65E5\u671F\u964D\u5E8F\u6392\u5E8F"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" dateSortDesc"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"a"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"b"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" if"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" (a "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" b) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" -"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"1"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" if"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" (a "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"<"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" b) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" 1"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" 0"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.h3,{id:"\u683C\u5F0F\u5316\u65E5\u671F",children:"\u683C\u5F0F\u5316\u65E5\u671F"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"lib/format-date.js","data-lang":"js",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" formatDate"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" new"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(date)."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"toLocaleDateString"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'en'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" year: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'numeric'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" month: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'long'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" day: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'numeric'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" })"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:"/*"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * formatDate('2022-08-21T00:00:00Z')"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * \u8F38\u51FA: 'August 21, 2022'"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" */"})})]})})}),` `,(0,i.jsx)(s.h3,{id:"\u9996\u9801",children:"\u9996\u9801"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"pages/index.jsx","data-lang":"jsx",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { formatDate } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../lib/format-date'"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { getAllPosts } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../lib/mdx'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" Link "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" 'next/link'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" default"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" function"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Home"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"({ posts }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"{"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <>"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"h1"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'mb-8 text-6xl font-bold'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">\u90E8\u843D\u683C"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"hr"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'my-8'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" />"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"ul"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'flex flex-col gap-3'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" {"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"posts."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"map"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(({ "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"summary"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"li"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" key"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"Link"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" href"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"`/blog/${"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"}`"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"a"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'block rounded-lg border border-solid border-gray-300 p-6 shadow-md'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"div"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'flex justify-between'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"h2"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"time"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" dateTime"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatDate"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(date)"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"p"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'mt-4'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"summary"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ))"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" )"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:"// \u4F7F\u7528 getStaticProps \u7372\u53D6\u6240\u6709\u6587\u7AE0"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getStaticProps"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" async"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" () "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" posts"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getAllPosts"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"()"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" props: {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" posts,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.h3,{id:"\u6587\u7AE0\u9801\u9762",children:"\u6587\u7AE0\u9801\u9762"}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(s.pre,{className:"shiki shiki-themes github-light-default github-dark-default",style:{"--shiki-light":"#1f2328","--shiki-dark":"#e6edf3","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#0d1117"},tabIndex:"0",title:"pages/blog/[slug].jsx","data-lang":"jsx",children:(0,i.jsxs)(s.code,{children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { formatDate } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../../lib/format-date'"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { allSlugs, formatSlug, getPostBySlug } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" '../../lib/mdx'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"import"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { MDXRemote } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"from"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:" 'next-mdx-remote'"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" default"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" function"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" Blog"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"({ post }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"{"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" { "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:", "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" } "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" post.frontMatter"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ("})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"div"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"h1"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'mb-2 text-6xl font-bold'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"{"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"title"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:""})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"time"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" dateTime"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"={"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"date"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'text-lg font-medium'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" {"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatDate"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(date)"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"hr"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'my-8'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" />"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"article"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" className"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#A5D6FF"},children:"'prose max-w-none'"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:">"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" <"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#7EE787"},children:"MDXRemote"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" {..."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"post.source"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"}"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" />"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" "})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" )"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getStaticProps"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" async"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ({ "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"params"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }) "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" post"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" await"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getPostBySlug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(params.slug)"})]}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" props: {"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" post,"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"export"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:" getStaticPaths"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" async"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" () "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" const"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:" paths"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" ="}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" allSlugs."}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"map"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(("}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#FFA657"},children:"slug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:") "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:"=>"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" ({"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" params: {"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" slug: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#D2A8FF"},children:"formatSlug"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"(slug),"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }))"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" /*"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * paths \u8F38\u51FA:"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * ["})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * { params: { slug: 'markdown' } },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * { params: { slug: 'nextjs' } },"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * { params: { slug: 'react' } }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" * ]"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#6E7781","--shiki-dark":"#8B949E"},children:" */"})}),` `,(0,i.jsx)(s.span,{className:"line"}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#FF7B72"},children:" return"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" {"})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" paths,"})}),` `,(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" fallback: "}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#79C0FF"},children:"false"}),(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:","})]}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:" }"})}),` `,(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#E6EDF3"},children:"}"})})]})})}),` `,(0,i.jsx)(s.p,{children:"\u9019\u6A23\uFF0C\u4E00\u500B\u7C21\u55AE\u7684\u90E8\u843D\u683C\u5C31\u5B8C\u6210\u4E86\u3002"}),` `,(0,i.jsx)(s.h2,{id:"\u76F8\u95DC\u9023\u7D50",children:"\u76F8\u95DC\u9023\u7D50"}),` `,(0,i.jsxs)(s.ul,{children:[` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-paths",children:"getStaticPaths"})}),` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-props",children:"getStaticProps"})}),` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/pages/building-your-application/routing/dynamic-routes",children:"\u52D5\u614B\u8DEF\u7531"})}),` `,(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://mdxjs.com/",children:"mdx"})}),` `]})]})}function c(h={}){let{wrapper:s}=h.components||{};return s?(0,i.jsx)(s,{...h,children:(0,i.jsx)(r,{...h})}):r(h)}function F(h,s){throw new Error("Expected "+(s?"component":"object")+" `"+h+"` to be defined: you likely forgot to import, pass, or provide it.")}return B(C);})(); ;return Component;

部落格

歡迎來到我的網站和部落格！作為香港的全端工程師，我從 2020 年 12 月起自學網頁開發，分享教學、筆記與生活點滴。探索我的旅程！

使用 Better Auth 進行端到端測試

如何使用 Next.js 和 MDX 建立部落格

PHP 學習筆記

八個吸引人的網頁設計網站