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