[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"work-\u002Fworks\u002Fmoonstream":3,"work-surround-\u002Fworks\u002Fmoonstream":121},{"id":4,"title":5,"body":6,"cover":101,"date":102,"demo":103,"description":104,"draft":105,"extension":106,"featured":105,"meta":107,"navigation":108,"path":109,"repo":110,"seo":111,"stack":112,"stem":118,"updated":119,"__hash__":120},"works\u002Fworks\u002Fmoonstream.md","Moonstream 南月之星河",{"type":7,"value":8,"toc":93},"minimark",[9,13,17,20,23,75,78],[10,11,12],"p",{},"一个完全由 Markdown 驱动的个人博客，也是本站本身。",[14,15,16],"h2",{"id":16},"为什么自己造",[10,18,19],{},"现成的博客主题总有不合心意的地方：要么太重，要么定制到一半发现改不动。自己写一套，从字体到动效每个细节都能说了算，顺便把感兴趣的技术都试了一遍。",[14,21,22],{"id":22},"技术要点",[24,25,26,39,49,63,69],"ul",{},[27,28,29,33,34,38],"li",{},[30,31,32],"strong",{},"全静态生成","：",[35,36,37],"code",{},"nuxt generate"," 产出纯静态文件，部署在任何静态托管上，没有服务器要维护。",[27,40,41,44,45,48],{},[30,42,43],{},"内容即文件","：文章是 ",[35,46,47],{},"content\u002F"," 下的 Markdown，构建期进 SQLite，查询走 Nuxt Content 的类型安全 API。",[27,50,51,54,55,58,59,62],{},[30,52,53],{},"命令面板搜索","：构建期预渲染 ",[35,56,57],{},"search.json","，前端 ",[35,60,61],{},"Ctrl K"," 唤起，纯客户端过滤，没有任何搜索服务。",[27,64,65,68],{},[30,66,67],{},"Three.js 首页模型","：首页右侧的土星是实时渲染的，只在客户端加载，不影响首屏。",[27,70,71,74],{},[30,72,73],{},"View Transitions","：支持的浏览器里，文章标题在列表页与详情页之间做共享元素过渡。",[14,76,77],{"id":77},"遇到的坑",[10,79,80,81,84,85,88,89,92],{},"Windows 下 ",[35,82,83],{},"better-sqlite3"," 需要编译链，换成 Node 内置的 ",[35,86,87],{},"node:sqlite"," 后开箱即用——这个决定写进了 ",[35,90,91],{},"nuxt.config.ts"," 的注释里。",{"title":94,"searchDepth":95,"depth":95,"links":96},"",3,[97,99,100],{"id":16,"depth":98,"text":16},2,{"id":22,"depth":98,"text":22},{"id":77,"depth":98,"text":77},"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fmoonstream-site\u002F1600\u002F1000","2026-08-01","https:\u002F\u002Fmoonstream.cn","你现在看到的这个博客。Nuxt 4 + Nuxt Content 全静态生成，零后端，带命令面板搜索、RSS 与站点地图。",false,"md",{},true,"\u002Fworks\u002Fmoonstream","https:\u002F\u002Fgithub.com",{"title":5,"description":104},[113,114,115,116,117],"Nuxt 4","Vue 3","Nuxt Content","Tailwind CSS 4","Three.js","works\u002Fmoonstream",null,"3ZepRrZXujdasSPUzQUPTN72Gj8SCecCkBt1COvJp2Q",[119,122],{"title":123,"path":124,"stem":125,"children":-1},"Video Stream - Rust 视频流服务","\u002Fworks\u002Fvideo-stream","works\u002Fvideo-stream",1787046421831]