[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"post-\u002Fposts\u002Fhello-static-blog":3,"post-nav-\u002Fposts\u002Fhello-static-blog":152},{"id":4,"title":5,"body":6,"date":138,"description":139,"draft":140,"extension":141,"meta":142,"navigation":143,"path":144,"seo":145,"stem":146,"summary":147,"tags":148,"__hash__":151},"posts\u002Fposts\u002Fhello-static-blog.md","用 Nuxt 4 搭一个纯静态博客",{"type":7,"value":8,"toc":130},"minimark",[9,13,18,21,24,37,40,92,95,106,109,120],[10,11,12],"p",{},"这是本站的第一篇文章，也是这份脚手架的自述。",[14,15,17],"h2",{"id":16},"为什么选-ssg","为什么选 SSG",[10,19,20],{},"博客的内容在写作时就定下来了，没有评论也没有登录，所以完全不需要服务端。把页面在构建时全部预渲染成 HTML，部署就只剩复制文件这一步。",[10,22,23],{},"好处很直接：",[25,26,27,31,34],"ul",{},[28,29,30],"li",{},"没有运行时依赖，任意静态服务器都能跑",[28,32,33],{},"首屏是现成的 HTML，不用等 JavaScript",[28,35,36],{},"出问题时不用翻日志，因为根本没有服务进程",[14,38,39],{"id":39},"技术栈",[41,42,43,56],"table",{},[44,45,46],"thead",{},[47,48,49,53],"tr",{},[50,51,52],"th",{},"用途",[50,54,55],{},"选型",[57,58,59,68,76,84],"tbody",{},[47,60,61,65],{},[62,63,64],"td",{},"框架",[62,66,67],{},"Nuxt 4",[47,69,70,73],{},[62,71,72],{},"样式",[62,74,75],{},"Tailwind CSS 4",[47,77,78,81],{},[62,79,80],{},"组件",[62,82,83],{},"daisyUI 5",[47,85,86,89],{},[62,87,88],{},"内容",[62,90,91],{},"@nuxt\u002Fcontent v3",[14,93,94],{"id":94},"目录结构",[96,97,103],"pre",{"className":98,"code":100,"language":101,"meta":102},[99],"language-text","app\u002F               页面、布局、组件、样式\ncontent\u002Fposts\u002F     Markdown 文章\nshared\u002F            页面与构建脚本共用的配置\ndeploy\u002F            nginx 示例配置\ndist\u002F              构建产物（不进 git）\n","text","",[104,105,100],"code",{"__ignoreMap":102},[14,107,108],{"id":108},"写一篇新文章",[10,110,111,112,115,116,119],{},"在 ",[104,113,114],{},"content\u002Fposts\u002F"," 下新建一个 ",[104,117,118],{},".md"," 文件，填好 frontmatter 就够了。列表页、标签页、RSS 和 sitemap 都会自动带上它。",[121,122,123],"blockquote",{},[10,124,125,126,129],{},"全部页面在 ",[104,127,128],{},"pnpm generate"," 时预渲染，因此不需要任何服务端进程。",{"title":102,"searchDepth":131,"depth":131,"links":132},3,[133,135,136,137],{"id":16,"depth":134,"text":17},2,{"id":39,"depth":134,"text":39},{"id":94,"depth":134,"text":94},{"id":108,"depth":134,"text":108},"2026-09-28","这个站点是怎么搭起来的：Nuxt 4 + Tailwind CSS 4 + daisyUI 5 + @nuxt\u002Fcontent，产物是一堆静态文件。",false,"md",{},true,"\u002Fposts\u002Fhello-static-blog",{"title":5,"description":139},"posts\u002Fhello-static-blog","从技术选型到目录结构，把这份脚手架的每一块讲清楚。",[149,150],"Nuxt","SSG","jnZfxGrQ_juLHYrvEdHpKGaNYrcgWTbDetrljxKQmM8",{"prev":153,"next":154},null,{"path":155,"title":156,"date":157},"\u002Fposts\u002Fnuxt-content-frontmatter","@nuxt\u002Fcontent 的 frontmatter 怎么写","2026-09-25",1792556024906]