[{"data":1,"prerenderedAt":392},["ShallowReactive",2],{"navigation":3,"blog-posts":34},[4,8,12],{"title":5,"path":6,"stem":7},"Home","/","1.index",{"title":9,"path":10,"stem":11},"About","/about","9.about",{"title":13,"path":14,"stem":15,"children":16,"page":33},"Blog","/blog","blog",[17,21,25,29],{"title":18,"path":19,"stem":20},"Hello World","/blog/hello-world","blog/hello-world",{"title":22,"path":23,"stem":24},"那些让我的开发效率翻倍的神仙工具","/blog/my-favorite-tools","blog/my-favorite-tools",{"title":26,"path":27,"stem":28},"从零开始：我是如何搭建这个网站的","/blog/why-content-winds","blog/why-content-winds",{"title":30,"path":31,"stem":32},"为什么我最终爱上了 Tailwind CSS","/blog/why-i-love-tailwind","blog/why-i-love-tailwind",false,[35,97,243,343],{"id":36,"title":18,"body":37,"description":89,"extension":90,"layout":91,"meta":92,"navigation":94,"path":19,"seo":95,"stem":20,"__hash__":96},"content/blog/hello-world.md",{"type":38,"value":39,"toc":82},"minimal",[40,45,49,54,57,61,79],[41,42,44],"h1",{"id":43},"欢迎来到-hello-world","欢迎来到 Hello World",[46,47,48],"p",{},"你好！这是我的第一篇博客文章。",[50,51,53],"h3",{"id":52},"为什么写这篇博客","为什么写这篇博客？",[46,55,56],{},"因为之前部署的时候遇到了 404 错误，系统需要我创建这个页面来完成静态构建。\n现在它成功生成了，恭喜你，网站部署已经迈出了重要的一步！",[50,58,60],{"id":59},"接下来做什么","接下来做什么？",[62,63,64,73,76],"ul",{},[65,66,67,68,72],"li",{},"你可以去 ",[69,70,71],"code",{},"content/"," 目录下写更多属于自己的 Markdown 文章。",[65,74,75],{},"你可以自定义页面的标题和描述。",[65,77,78],{},"可以尝试在 Markdown 里面插入图片、代码块或者使用 Vue 组件。",[46,80,81],{},"祝你写作愉快！🎉😊",{"title":83,"searchDepth":84,"depth":84,"links":85},"",2,[86,88],{"id":52,"depth":87,"text":53},3,{"id":59,"depth":87,"text":60},"这是我的第一篇文章，欢迎来到我的博客！","md",null,{"date":93},"2025-09-26",true,{"title":18,"description":89},"GGK_iZlbwpvrrBXZXISlUf52w0d-GEFFcQLBPTNLV8U",{"id":98,"title":22,"body":99,"description":238,"extension":90,"layout":91,"meta":239,"navigation":94,"path":23,"seo":241,"stem":24,"__hash__":242},"content/blog/my-favorite-tools.md",{"type":38,"value":100,"toc":232},[101,103,106,110,121,125,132,138,142,152,155,158,228],[41,102,22],{"id":22},[46,104,105],{},"俗话说：“工欲善其事，必先利其器。” 在这个技术迭代飞快的时代，拥有几件趁手的“兵器”能省下大把时间。今天分享几个我最近常用的宝藏工具。",[50,107,109],{"id":108},"_1-前端开发vs-code-github-copilot","1. 前端开发：VS Code + GitHub Copilot",[46,111,112,116,117,120],{},[113,114,115],"strong",{},"VS Code"," 应该不用多说了，前端界的“宇宙第一 IDE”。搭配上 ",[113,118,119],{},"GitHub Copilot","，写代码就像开了挂。很多时候我只需要敲出注释，它就能帮我把剩下的逻辑补全，简直是摸鱼……哦不，是提高效率的利器。",[50,122,124],{"id":123},"_2-静态网站托管cloudflare-pages","2. 静态网站托管：Cloudflare Pages",[46,126,127,128,131],{},"以前部署网站要买服务器、配 Nginx，繁琐得很。现在直接把代码推到 GitHub，",[113,129,130],{},"Cloudflare Pages"," 就能自动帮你构建、部署，而且自带全球 CDN，免费额度非常香。",[133,134,135],"blockquote",{},[46,136,137],{},"提示：它的构建速度很快，遇到报错看日志也很清晰。",[50,139,141],{"id":140},"_3-内容管理nuxt-content","3. 内容管理：Nuxt Content",[46,143,144,145,147,148,151],{},"把 Markdown 变成精美的网页。以前用 WordPress 还要搞数据库，现在只需要在 ",[69,146,71],{}," 文件夹里建 ",[69,149,150],{},".md"," 文件，推上去就完事了。",[50,153,154],{"id":154},"常用命令速查",[46,156,157],{},"下面是平时经常用到的一个命令片段：",[159,160,164],"pre",{"className":161,"code":162,"language":163,"meta":83,"style":83},"language-bash shiki shiki-themes github-dark github-light","# 安装依赖\npnpm install\n\n# 本地启动预览\npnpm run dev\n\n# 构建静态文件并部署\npnpm run generate\n","bash",[69,165,166,175,185,190,196,207,212,218],{"__ignoreMap":83},[167,168,171],"span",{"class":169,"line":170},"line",1,[167,172,174],{"class":173},"sryI4","# 安装依赖\n",[167,176,177,181],{"class":169,"line":84},[167,178,180],{"class":179},"s-Z4r","pnpm",[167,182,184],{"class":183},"sg6BJ"," install\n",[167,186,187],{"class":169,"line":87},[167,188,189],{"emptyLinePlaceholder":94},"\n",[167,191,193],{"class":169,"line":192},4,[167,194,195],{"class":173},"# 本地启动预览\n",[167,197,199,201,204],{"class":169,"line":198},5,[167,200,180],{"class":179},[167,202,203],{"class":183}," run",[167,205,206],{"class":183}," dev\n",[167,208,210],{"class":169,"line":209},6,[167,211,189],{"emptyLinePlaceholder":94},[167,213,215],{"class":169,"line":214},7,[167,216,217],{"class":173},"# 构建静态文件并部署\n",[167,219,221,223,225],{"class":169,"line":220},8,[167,222,180],{"class":179},[167,224,203],{"class":183},[167,226,227],{"class":183}," generate\n",[229,230,231],"style",{},"html pre.shiki code .sryI4, html code.shiki .sryI4{--shiki-dark:#6A737D;--shiki-default:#6A737D}html pre.shiki code .s-Z4r, html code.shiki .s-Z4r{--shiki-dark:#B392F0;--shiki-default:#6F42C1}html pre.shiki code .sg6BJ, html code.shiki .sg6BJ{--shiki-dark:#9ECBFF;--shiki-default:#032F62}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":83,"searchDepth":84,"depth":84,"links":233},[234,235,236,237],{"id":108,"depth":87,"text":109},{"id":123,"depth":87,"text":124},{"id":140,"depth":87,"text":141},{"id":154,"depth":87,"text":154},"分享几个我日常开发、写作和部署网站时离不开的实用工具。",{"date":240},"2025-10-01",{"title":22,"description":238},"EAwP-wbMDirwN9K6XPwZeiaJwMAgQBT4v5vbSVuQPpE",{"id":244,"title":26,"body":245,"description":338,"extension":90,"layout":91,"meta":339,"navigation":94,"path":27,"seo":341,"stem":28,"__hash__":342},"content/blog/why-content-winds.md",{"type":38,"value":246,"toc":333},[247,250,253,257,264,267,270,297,299,330],[41,248,26],{"id":249},"从零开始我是如何搭建这个网站的",[46,251,252],{},"欢迎来到我的第二篇文章！今天我想记录一下搭建这个个人博客的心路历程。",[50,254,256],{"id":255},"为什么选择-nuxt-content","为什么选择 Nuxt Content？",[46,258,259,260,263],{},"以前我总觉得建网站很麻烦，直到我遇到了 ",[113,261,262],{},"Nuxt Content","。它允许我直接写 Markdown，然后自动把它们变成漂亮的网页。对于喜欢用文字记录的人来说，这简直是神器。",[50,265,266],{"id":266},"遇到的一些小困难",[46,268,269],{},"在整个部署过程中，并非一帆风顺：",[271,272,273,287],"ol",{},[65,274,275,278,279,282,283,286],{},[113,276,277],{},"死链报错","：一开始只要删了文章，构建就会失败。后来我学会了在 ",[69,280,281],{},"nuxt.config.ts"," 里加上 ",[69,284,285],{},"failOnError: false","，世界瞬间安静了。",[65,288,289,292,293,296],{},[113,290,291],{},"数据查询","：Nuxt Content v3 升级后，查询语法变了，导致博客列表死活出不来。经过一番折腾，终于用 ",[69,294,295],{},"queryCollection"," 搞定了。",[50,298,60],{"id":59},[62,300,303,312,318,324],{"className":301},[302],"contains-task-list",[65,304,307,311],{"className":305},[306],"task-list-item",[308,309],"input",{"checked":94,"disabled":94,"type":310},"checkbox"," 跑通本地开发环境",[65,313,315,317],{"className":314},[306],[308,316],{"checked":94,"disabled":94,"type":310}," 成功部署到 Cloudflare Pages",[65,319,321,323],{"className":320},[306],[308,322],{"disabled":94,"type":310}," 写更多有用的技术文章",[65,325,327,329],{"className":326},[306],[308,328],{"disabled":94,"type":310}," 优化一下网站的主题和样式",[46,331,332],{},"感谢你的阅读！我们下一篇见。🎉",{"title":83,"searchDepth":84,"depth":84,"links":334},[335,336,337],{"id":255,"depth":87,"text":256},{"id":266,"depth":87,"text":266},{"id":59,"depth":87,"text":60},"记录使用 Nuxt、Cloudflare Pages 和 Content Winds 踩过的坑与收获。",{"date":340},"2025-09-15",{"title":26,"description":338},"taLMAK8ep-Wa66l0-TdbbIo-USbhLVdZneXbvYMRyyc",{"id":344,"title":30,"body":345,"description":387,"extension":90,"layout":91,"meta":388,"navigation":94,"path":31,"seo":390,"stem":32,"__hash__":391},"content/blog/why-i-love-tailwind.md",{"type":38,"value":346,"toc":385},[347,350,353,382],[41,348,30],{"id":349},"为什么我最终爱上了-tailwind-css",[46,351,352],{},"记得第一次看到 Tailwind CSS 的代码时，我的内心是崩溃的：",[159,354,358],{"className":355,"code":356,"language":357,"meta":83,"style":83},"language-html shiki shiki-themes github-dark github-light","\u003Cdiv class=\"bg-white dark:bg-gray-800 rounded-lg shadow p-8 my-8 max-w-3xl mx-auto\">\n","html",[69,359,360],{"__ignoreMap":83},[167,361,362,366,370,373,376,379],{"class":169,"line":170},[167,363,365],{"class":364},"sQ3_J","\u003C",[167,367,369],{"class":368},"sZkSk","div",[167,371,372],{"class":179}," class",[167,374,375],{"class":364},"=",[167,377,378],{"class":183},"\"bg-white dark:bg-gray-800 rounded-lg shadow p-8 my-8 max-w-3xl mx-auto\"",[167,380,381],{"class":364},">\n",[229,383,384],{},"html pre.shiki code .sQ3_J, html code.shiki .sQ3_J{--shiki-dark:#E1E4E8;--shiki-default:#24292E}html pre.shiki code .sZkSk, html code.shiki .sZkSk{--shiki-dark:#85E89D;--shiki-default:#22863A}html pre.shiki code .s-Z4r, html code.shiki .s-Z4r{--shiki-dark:#B392F0;--shiki-default:#6F42C1}html pre.shiki code .sg6BJ, html code.shiki .sg6BJ{--shiki-dark:#9ECBFF;--shiki-default:#032F62}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":83,"searchDepth":84,"depth":84,"links":386},[],"从“这写的什么玩意儿”到“真香”，记录我使用原子化 CSS 的心路历程。",{"date":389},"2025-10-20",{"title":30,"description":387},"woqaHIS6_xSq5Drtb8ALEdXG-bsD-o-5wxaDIzEs8FY",1792929977123]