[{"data":1,"prerenderedAt":258},["ShallowReactive",2],{"blog-post-/zh/blogs/build-blog-in-one-day":3},{"id":4,"title":5,"body":6,"description":241,"extension":242,"meta":243,"navigation":253,"ogImage":245,"path":254,"seo":255,"stem":256,"__hash__":257},"zh/blogs/zh/7.build-blog-in-one-day.md","快速开发我的博客",{"type":7,"value":8,"toc":231},"minimal",[9,13,22,25,28,32,35,61,64,79,85,87,91,108,125,131,133,137,140,158,161,167,170,172,176,179,186,192,194,197,200,206,212,214,220],[10,11,12],"h2",{"id":12},"想法",[14,15,16,17,21],"p",{},"最近，我终于完成了一个一直以来想做但又不断搁置的事情：",[18,19,20],"strong",{},"搭建自己的博客","。",[14,23,24],{},"我一直希望有一个属于自己的空间，可以分享人生的经历、记录工作的思考、沉淀学习的成果。朋友圈太快，社交平台太碎片，而博客就像一个数字笔记本，沉稳、自主、自由。写博客对我来说，不是为了流量，而是为了整理思维、留存价值，也给未来的自己一个可以回望的轨迹。",[26,27],"hr",{},[10,29,31],{"id":30},"我尝试过-ai-工具","我尝试过 AI 工具",[14,33,34],{},"在动手之前，我也和很多人一样，对 AI 工具抱有期待。我先后试用了几个生成网站的产品，包括：",[36,37,38,51],"ul",{},[39,40,41,50],"li",{},[42,43,47],"a",{"href":44,"rel":45},"https://lovable.dev",[46],"nofollow",[18,48,49],{},"Lovable.dev","：UI 风格讨喜，上手门槛低，几分钟就能生成一个视觉不错的页面；",[39,52,53,60],{},[42,54,57],{"href":55,"rel":56},"https://v0.dev",[46],[18,58,59],{},"V0.dev","：非常适合快速生成结构化组件代码，特别是结合 shadcn/ui 时，交互非常自然。",[14,62,63],{},"但实际使用下来，我遇到了两个痛点：",[65,66,67,73],"ol",{},[39,68,69,72],{},[18,70,71],{},"细节难以控制","：页面初稿生成得很快，但每次我想做细节调整（比如布局微调、字体规范化、多语言支持），都要绕很多圈，还不如直接写；",[39,74,75,78],{},[18,76,77],{},"免费计划限制大","：我用的是免费版本，导致代码每次生成后都不能持久保存，更新也有限制，让我很难持续开发。",[14,80,81,82],{},"所以我最终决定：",[18,83,84],{},"AI 可以辅助我写代码，但网站的主架构还是要我自己来掌控。",[26,86],{},[10,88,90],{"id":89},"我的最终方案nuxt-content-模块","我的最终方案：Nuxt + Content 模块",[14,92,93,94,101,102,107],{},"经过几轮比较，我选择了用 ",[42,95,98],{"href":96,"rel":97},"https://nuxt.com",[46],[18,99,100],{},"Nuxt 3"," 搭配官方的 ",[42,103,106],{"href":104,"rel":105},"https://content.nuxtjs.org/",[46],"@nuxt/content"," 模块来自建博客。为什么？",[36,109,110,113,119,122],{},[39,111,112],{},"Nuxt 是我熟悉的生态，拥有 Vue 的灵活性和 SSR 的强大能力；",[39,114,115,118],{},[116,117,106],"code",{}," 让我可以用 Markdown 写文章、结构化处理 frontmatter、自动生成目录、SEO 友好；",[39,120,121],{},"支持静态部署，非常适合发布到 Vercel 或 Netlify；",[39,123,124],{},"未来如果我想集成搜索、推荐系统、多语言切换、甚至嵌入 AI 辅助阅读，都可以自然扩展。",[14,126,127,128,21],{},"更重要的是，这套方案让我可以",[18,129,130],{},"完全掌控代码与样式结构，不受限于平台或模板框架",[26,132],{},[10,134,136],{"id":135},"我用-ai-的方式vibe-coding-augment-code","我用 AI 的方式：vibe coding + Augment Code",[14,138,139],{},"虽然我没继续用 AI 一键建站工具，但我还是把 AI 融入了我的开发流程中。",[14,141,142,143,150,151,154,155,21],{},"我选择的是 ",[42,144,147],{"href":145,"rel":146},"https://www.augmentcode.com/",[46],[18,148,149],{},"Augment Code","，它不是替我生成整个页面，而是在我写代码的过程中提供“语义级协助”。",[152,153],"br",{},"\n我把这个过程称为：",[18,156,157],{},"vibe coding",[14,159,160],{},"它的体验更像是：",[162,163,164],"blockquote",{},[14,165,166],{},"“我知道我要改这个卡片组件的排版，但不想一行一行写 CSS，你能帮我试几个版本看哪个最对味吗？”",[14,168,169],{},"在这种语境下，AI 不再是替我编码的机器人，而是一个“对设计有 sense 的搭档”。这大大提高了我对样式的控制精度，也让我更享受构建过程。",[26,171],{},[10,173,175],{"id":174},"技术只是载体表达才是核心","技术只是载体，表达才是核心",[14,177,178],{},"搭博客其实不难，难的是持续写下去。",[14,180,181,182,185],{},"我在配置博客过程中最大的感受是：",[18,183,184],{},"不要追求“完美上线”，而是追求“能写”","。早期不必强求设计有多炫酷、结构有多复杂，先写起来，才是最重要的。",[14,187,188,189,191],{},"这个博客对我来说，不仅是一个内容平台，更像是一个长期的自我构建系统：",[152,190],{},"\n它连接了我生活中的思考、学习中的疑问、工作中的总结，也许未来还会是我构建新产品想法的“起点”。",[26,193],{},[10,195,196],{"id":196},"结语",[14,198,199],{},"从今天起，这个博客不仅是我对过去的沉淀，也是我对未来的承诺。",[14,201,202,203,205],{},"我会在这里持续记录我的思考与成长：",[152,204],{},"\n关于工作，关于家庭，关于技术，关于人生。",[14,207,208,209,211],{},"不求华丽，只求真实。",[152,210],{},"\n愿它成为我持续表达、持续进化的一部分。",[26,213],{},[14,215,216,217],{},"🚀 ",[18,218,219],{},"未来计划预告：",[36,221,222,225,228],{},[39,223,224],{},"下一篇我将分享如何用 Nuxt + Tailwind 实现博客首页的渐进式增强",[39,226,227],{},"计划每月总结一次写作心得 + 博客优化迭代情况",[39,229,230],{},"正在探索将 GPT 与博客联动，实现“读者问答摘要 + 多语智能推荐”",{"title":232,"searchDepth":233,"depth":233,"links":234},"",2,[235,236,237,238,239,240],{"id":12,"depth":233,"text":12},{"id":30,"depth":233,"text":31},{"id":89,"depth":233,"text":90},{"id":135,"depth":233,"text":136},{"id":174,"depth":233,"text":175},{"id":196,"depth":233,"text":196},"我是如何用开源框架快速搭建个人博客，并计划将它作为记录人生与成长的平台","md",{"date":244,"image":245,"alt":5,"tags":246,"category":249,"topics":250,"published":253},"18th Apr 2025","/blogs-img/blog6.jpg",[247,248],"AI","Engineering","product-execution",[251,252],"execution","building-in-public",true,"/blogs/zh/build-blog-in-one-day",{"title":5,"description":241},"blogs/zh/7.build-blog-in-one-day","p4G7cOokTD28UrnJVHNYaiXFAJvaXNwXY5SfCj2BnzA",1781532114662]