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