快速开发我的博客

我是如何用开源框架快速搭建个人博客,并计划将它作为记录人生与成长的平台

18th Apr 2025

想法

最近,我终于完成了一个一直以来想做但又不断搁置的事情:搭建自己的博客

我一直希望有一个属于自己的空间,可以分享人生的经历、记录工作的思考、沉淀学习的成果。朋友圈太快,社交平台太碎片,而博客就像一个数字笔记本,沉稳、自主、自由。写博客对我来说,不是为了流量,而是为了整理思维、留存价值,也给未来的自己一个可以回望的轨迹。


我尝试过 AI 工具

在动手之前,我也和很多人一样,对 AI 工具抱有期待。我先后试用了几个生成网站的产品,包括:

  • Lovable.dev:UI 风格讨喜,上手门槛低,几分钟就能生成一个视觉不错的页面;
  • V0.dev:非常适合快速生成结构化组件代码,特别是结合 shadcn/ui 时,交互非常自然。

但实际使用下来,我遇到了两个痛点:

  1. 细节难以控制:页面初稿生成得很快,但每次我想做细节调整(比如布局微调、字体规范化、多语言支持),都要绕很多圈,还不如直接写;
  2. 免费计划限制大:我用的是免费版本,导致代码每次生成后都不能持久保存,更新也有限制,让我很难持续开发。

所以我最终决定: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 与博客联动,实现“读者问答摘要 + 多语智能推荐”