[{"data":1,"prerenderedAt":198},["ShallowReactive",2],{"page-/post/zzao/2024-all-in-nuxt":3,"surrounding-page":189},{"id":4,"title":5,"author":6,"body":7,"date":175,"description":176,"extension":177,"group":6,"lastmod":178,"meta":179,"navigation":180,"path":181,"rawbody":182,"seo":183,"showTitle":184,"stem":185,"tags":186,"versions":6,"__hash__":188},"content/post/zzao/2024-all-in-nuxt.md","2025 年，我打算 All in Nuxt",null,{"type":8,"value":9,"toc":172},"minimark",[10,19,22,25,32,35,40,43,48,51,56,59,64,69,72,77,80,86,100,111,125,135,143,146,149,152,157,160,163,166,169],[11,12,13,14,18],"p",{},"最近用 Nuxt 搭建了一个博客站，把 ",[15,16,17],"code",{},"Obsidian"," 的文章无痛搬过去，可算是收了个小尾。",[11,20,21],{},"展示一下成果😎",[11,23,24],{},"首页，展示个人信息、最近文章",[11,26,27],{},[28,29],"img",{"alt":30,"src":31},"","https://img.zzao.club/article/202501021923577.png",[11,33,34],{},"当然，也必须支持暗色",[11,36,37],{},[28,38],{"alt":30,"src":39},"https://img.zzao.club/article/202501021923578.png",[11,41,42],{},"文章页，主要是支持分类查询和分页",[11,44,45],{},[28,46],{"alt":30,"src":47},"https://img.zzao.club/article/202501021923579.png",[11,49,50],{},"小册，顾名思义：把文章整理成册就是小册，适合系统的整理某些资料",[11,52,53],{},[28,54],{"alt":30,"src":55},"https://img.zzao.club/article/202501021923580.png",[11,57,58],{},"小册内根据 Obsidian 的目录结构来展示",[11,60,61],{},[28,62],{"alt":30,"src":63},"https://img.zzao.club/article/202501021923581.png",[11,65,66],{},[28,67],{"alt":30,"src":68},"https://img.zzao.club/article/202501021923582.png",[11,70,71],{},"也做了移动端适配",[11,73,74],{},[28,75],{"alt":30,"src":76},"https://img.zzao.club/article/202501021923583.png",[11,78,79],{},"当然，审美这块儿，见仁见智....",[11,81,82],{},[83,84,85],"strong",{},"然后再说一下，目前关于写文章的相关工作流。",[11,87,88,89,92,93,96,97],{},"目前使用 ",[15,90,91],{},"Chrome"," 的 lighthouse 测试，性能 ",[15,94,95],{},"98"," ，SEO ",[15,98,99],{},"100",[11,101,102,103,106,107,110],{},"数据统计使用 ",[15,104,105],{},"Google Analytics","，手动插入 ",[15,108,109],{},"scripts"," 即可。",[11,112,113,114,116,117,120,121,124],{},"首先 ",[15,115,17],{}," 的文章通过 ",[15,118,119],{},"Github"," 进行多端同步，插件是 ",[15,122,123],{},"Obsidian Git","，设置定时 commit 定时 pull  定时 push。",[11,126,127,128,130,131,134],{},"使用 ",[15,129,17],{}," 插件 ",[15,132,133],{},"Linter"," 进行格式化 YAML 信息，自动添加 标题、描述、创建时间、修改时间等。",[11,136,127,137,130,139,142],{},[15,138,17],{},[15,140,141],{},"image auto upload plugin"," 上传插入的图片到腾讯云 COS，上传后删除源文件，一般我的图片都是从本地复制过来的，留在仓库里也没什么用。",[11,144,145],{},"腾讯云对象存储设置私有读写，套 CDN 和设置个人域名+SSL证书进行访问，CDN 设置流量上限，开启防盗链等，避免被人刷太多。",[11,147,148],{},"写完就不用管了，自动上传到 Github，但是还没自动触发部署操作，这个后续再加吧～",[11,150,151],{},"有“家”了之后，新的一年就好好整理一下屋里的东西（文章）吧",[11,153,154],{},[83,155,156],{},"最后",[11,158,159],{},"最近的所有开发都围绕 Nuxt 展开，2025 年也打算深入投入到上面。但学习和开发过程中，发现可搜到的文章、视频都非常少（主要是看核心开发人员自己发的 youtube 视频），可交流的小伙伴也不多。",[11,161,162],{},"所以，文章和视频部分，我准备自己发布一些。",[11,164,165],{},"交流场所的话，就建个交流群吧。",[11,167,168],{},"如果你也是 Vue / Nuxt 的使用者，想了解和使用 Nuxt ，欢迎加我好友👏。",[11,170,171],{},"博客地址在消息菜单里可以找到",{"title":30,"searchDepth":173,"depth":173,"links":174},2,[],"2025-01-02T00:00:00.000Z","最近用 Nuxt 搭建了一个博客站，把 Obsidian 的文章无痛搬过去，可算是收了个小尾。","md","2025-08-19T00:00:00.000Z",{},true,"/post/zzao/2024-all-in-nuxt","---\ntitle: 2025 年，我打算 All in Nuxt\ndate: 2025-01-02\nlastmod: 2025-08-19\nshowTitle: 2024-all-in-nuxt\ntags: [\"Nuxt\"]\n\n---\n最近用 Nuxt 搭建了一个博客站，把 `Obsidian` 的文章无痛搬过去，可算是收了个小尾。\n\n展示一下成果😎\n\n首页，展示个人信息、最近文章\n\n![](https://img.zzao.club/article/202501021923577.png)\n\n当然，也必须支持暗色\n\n![](https://img.zzao.club/article/202501021923578.png)\n\n文章页，主要是支持分类查询和分页\n\n![](https://img.zzao.club/article/202501021923579.png)\n\n小册，顾名思义：把文章整理成册就是小册，适合系统的整理某些资料\n\n![](https://img.zzao.club/article/202501021923580.png)\n\n小册内根据 Obsidian 的目录结构来展示\n\n![](https://img.zzao.club/article/202501021923581.png)\n\n![](https://img.zzao.club/article/202501021923582.png)\n\n也做了移动端适配\n\n![](https://img.zzao.club/article/202501021923583.png)\n\n当然，审美这块儿，见仁见智....\n\n**然后再说一下，目前关于写文章的相关工作流。**\n\n目前使用 `Chrome` 的 lighthouse 测试，性能 `98` ，SEO `100`\n\n数据统计使用 `Google Analytics`，手动插入 `scripts` 即可。\n\n首先 `Obsidian` 的文章通过 `Github` 进行多端同步，插件是 `Obsidian Git`，设置定时 commit 定时 pull  定时 push。\n\n使用 `Obsidian` 插件 `Linter` 进行格式化 YAML 信息，自动添加 标题、描述、创建时间、修改时间等。\n\n使用 `Obsidian` 插件 `image auto upload plugin` 上传插入的图片到腾讯云 COS，上传后删除源文件，一般我的图片都是从本地复制过来的，留在仓库里也没什么用。\n\n腾讯云对象存储设置私有读写，套 CDN 和设置个人域名+SSL证书进行访问，CDN 设置流量上限，开启防盗链等，避免被人刷太多。\n\n写完就不用管了，自动上传到 Github，但是还没自动触发部署操作，这个后续再加吧～\n\n有“家”了之后，新的一年就好好整理一下屋里的东西（文章）吧\n\n**最后**\n\n最近的所有开发都围绕 Nuxt 展开，2025 年也打算深入投入到上面。但学习和开发过程中，发现可搜到的文章、视频都非常少（主要是看核心开发人员自己发的 youtube 视频），可交流的小伙伴也不多。\n\n所以，文章和视频部分，我准备自己发布一些。\n\n交流场所的话，就建个交流群吧。\n\n如果你也是 Vue / Nuxt 的使用者，想了解和使用 Nuxt ，欢迎加我好友👏。\n\n博客地址在消息菜单里可以找到\n\n\n",{"title":5,"description":176},"2024-all-in-nuxt","post/zzao/2024-all-in-nuxt",[187],"Nuxt","8PLfyVPaY3wORoIHoRX_-TAibB0AnvTMDXJlB7-oUKs",[190,194],{"title":191,"path":192,"stem":193},"OpenClaw 安装入门（Windows）","/post/zzao/openclaw/openclaw-install-windows","post/zzao/openclaw/openclaw-install-windows",{"title":195,"path":196,"stem":197},"假设你是AI，你的Skill应该是什么样的","/post/zzao/ai-skill-structure","post/zzao/ai-skill-structure",1779005086415]