快速开发我的博客
我是如何用开源框架快速搭建个人博客,并计划将它作为记录人生与成长的平台
想法
最近,我终于完成了一个一直以来想做但又不断搁置的事情:搭建自己的博客。
我一直希望有一个属于自己的空间,可以分享人生的经历、记录工作的思考、沉淀学习的成果。朋友圈太快,社交平台太碎片,而博客就像一个数字笔记本,沉稳、自主、自由。写博客对我来说,不是为了流量,而是为了整理思维、留存价值,也给未来的自己一个可以回望的轨迹。
我尝试过 AI 工具
在动手之前,我也和很多人一样,对 AI 工具抱有期待。我先后试用了几个生成网站的产品,包括:
- Lovable.dev:UI 风格讨喜,上手门槛低,几分钟就能生成一个视觉不错的页面;
- V0.dev:非常适合快速生成结构化组件代码,特别是结合 shadcn/ui 时,交互非常自然。
但实际使用下来,我遇到了两个痛点:
- 细节难以控制:页面初稿生成得很快,但每次我想做细节调整(比如布局微调、字体规范化、多语言支持),都要绕很多圈,还不如直接写;
- 免费计划限制大:我用的是免费版本,导致代码每次生成后都不能持久保存,更新也有限制,让我很难持续开发。
所以我最终决定:AI 可以辅助我写代码,但网站的主架构还是要我自己来掌控。
我的最终方案:Nuxt + Content 模块
经过几轮比较,我选择了用 Nuxt 3 搭配官方的 @nuxt/content 模块来自建博客。为什么?
- Nuxt 是我熟悉的生态,拥有 Vue 的灵活性和 SSR 的强大能力;
- @nuxt/content让我可以用 Markdown 写文章、结构化处理 frontmatter、自动生成目录、SEO 友好;
- 支持静态部署,非常适合发布到 Vercel 或 Netlify;
- 未来如果我想集成搜索、推荐系统、多语言切换、甚至嵌入 AI 辅助阅读,都可以自然扩展。
更重要的是,这套方案让我可以完全掌控代码与样式结构,不受限于平台或模板框架。
我用 AI 的方式:vibe coding + Augment Code
虽然我没继续用 AI 一键建站工具,但我还是把 AI 融入了我的开发流程中。
我选择的是 Augment Code,它不是替我生成整个页面,而是在我写代码的过程中提供“语义级协助”。
我把这个过程称为:vibe coding。
它的体验更像是:
“我知道我要改这个卡片组件的排版,但不想一行一行写 CSS,你能帮我试几个版本看哪个最对味吗?”
在这种语境下,AI 不再是替我编码的机器人,而是一个“对设计有 sense 的搭档”。这大大提高了我对样式的控制精度,也让我更享受构建过程。
技术只是载体,表达才是核心
搭博客其实不难,难的是持续写下去。
我在配置博客过程中最大的感受是:不要追求“完美上线”,而是追求“能写”。早期不必强求设计有多炫酷、结构有多复杂,先写起来,才是最重要的。
这个博客对我来说,不仅是一个内容平台,更像是一个长期的自我构建系统:
它连接了我生活中的思考、学习中的疑问、工作中的总结,也许未来还会是我构建新产品想法的“起点”。
结语
从今天起,这个博客不仅是我对过去的沉淀,也是我对未来的承诺。
我会在这里持续记录我的思考与成长:
关于工作,关于家庭,关于技术,关于人生。
不求华丽,只求真实。
愿它成为我持续表达、持续进化的一部分。
🚀 未来计划预告:
- 下一篇我将分享如何用 Nuxt + Tailwind 实现博客首页的渐进式增强
- 计划每月总结一次写作心得 + 博客优化迭代情况
- 正在探索将 GPT 与博客联动,实现“读者问答摘要 + 多语智能推荐”