[{"data":1,"prerenderedAt":192},["ShallowReactive",2],{"navigation":3,"page-blog,my-favorite-tools":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,{"id":35,"title":22,"body":36,"description":185,"extension":186,"layout":187,"meta":188,"navigation":135,"path":23,"seo":190,"stem":24,"__hash__":191},"content/blog/my-favorite-tools.md",{"type":37,"value":38,"toc":179},"minimal",[39,42,46,51,62,66,73,79,83,95,98,101,175],[40,41,22],"h1",{"id":22},[43,44,45],"p",{},"俗话说：“工欲善其事，必先利其器。” 在这个技术迭代飞快的时代，拥有几件趁手的“兵器”能省下大把时间。今天分享几个我最近常用的宝藏工具。",[47,48,50],"h3",{"id":49},"_1-前端开发vs-code-github-copilot","1. 前端开发：VS Code + GitHub Copilot",[43,52,53,57,58,61],{},[54,55,56],"strong",{},"VS Code"," 应该不用多说了，前端界的“宇宙第一 IDE”。搭配上 ",[54,59,60],{},"GitHub Copilot","，写代码就像开了挂。很多时候我只需要敲出注释，它就能帮我把剩下的逻辑补全，简直是摸鱼……哦不，是提高效率的利器。",[47,63,65],{"id":64},"_2-静态网站托管cloudflare-pages","2. 静态网站托管：Cloudflare Pages",[43,67,68,69,72],{},"以前部署网站要买服务器、配 Nginx，繁琐得很。现在直接把代码推到 GitHub，",[54,70,71],{},"Cloudflare Pages"," 就能自动帮你构建、部署，而且自带全球 CDN，免费额度非常香。",[74,75,76],"blockquote",{},[43,77,78],{},"提示：它的构建速度很快，遇到报错看日志也很清晰。",[47,80,82],{"id":81},"_3-内容管理nuxt-content","3. 内容管理：Nuxt Content",[43,84,85,86,90,91,94],{},"把 Markdown 变成精美的网页。以前用 WordPress 还要搞数据库，现在只需要在 ",[87,88,89],"code",{},"content/"," 文件夹里建 ",[87,92,93],{},".md"," 文件，推上去就完事了。",[47,96,97],{"id":97},"常用命令速查",[43,99,100],{},"下面是平时经常用到的一个命令片段：",[102,103,108],"pre",{"className":104,"code":105,"language":106,"meta":107,"style":107},"language-bash shiki shiki-themes github-dark github-light","# 安装依赖\npnpm install\n\n# 本地启动预览\npnpm run dev\n\n# 构建静态文件并部署\npnpm run generate\n","bash","",[87,109,110,119,130,137,143,154,159,165],{"__ignoreMap":107},[111,112,115],"span",{"class":113,"line":114},"line",1,[111,116,118],{"class":117},"sryI4","# 安装依赖\n",[111,120,122,126],{"class":113,"line":121},2,[111,123,125],{"class":124},"s-Z4r","pnpm",[111,127,129],{"class":128},"sg6BJ"," install\n",[111,131,133],{"class":113,"line":132},3,[111,134,136],{"emptyLinePlaceholder":135},true,"\n",[111,138,140],{"class":113,"line":139},4,[111,141,142],{"class":117},"# 本地启动预览\n",[111,144,146,148,151],{"class":113,"line":145},5,[111,147,125],{"class":124},[111,149,150],{"class":128}," run",[111,152,153],{"class":128}," dev\n",[111,155,157],{"class":113,"line":156},6,[111,158,136],{"emptyLinePlaceholder":135},[111,160,162],{"class":113,"line":161},7,[111,163,164],{"class":117},"# 构建静态文件并部署\n",[111,166,168,170,172],{"class":113,"line":167},8,[111,169,125],{"class":124},[111,171,150],{"class":128},[111,173,174],{"class":128}," generate\n",[176,177,178],"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":107,"searchDepth":121,"depth":121,"links":180},[181,182,183,184],{"id":49,"depth":132,"text":50},{"id":64,"depth":132,"text":65},{"id":81,"depth":132,"text":82},{"id":97,"depth":132,"text":97},"分享几个我日常开发、写作和部署网站时离不开的实用工具。","md",null,{"date":189},"2025-10-01",{"title":22,"description":185},"EAwP-wbMDirwN9K6XPwZeiaJwMAgQBT4v5vbSVuQPpE",1792933027592]