三天，我用 Vibe Coding 从零搭建了这个博客

契机

5月底离职了，回家后增驾摩托驾照准备摩旅。不过出了点意外，挂了，重新预约需要等10天，于是有了点成片的空闲时间。自己呢，又在大厂外包，虽然接触的不是核心，但也实打实的算是搞了两年大模型。不过，惭愧的事，

什么是 Vibe Coding

Vibe Coding 的本质是用自然语言驱动开发。你不是一行行手写代码，而是向 AI 描述意图——"给文章加个评论>功能，支持嵌套回复"、"把这个页面改成两列网格布局"——AI 负责实现，你负责审查和决策。

它跟传统开发最大的区别在于节奏。传统开发像写作文，从上到下构思好再落笔；Vibe Coding 像对话，说一句话看 结果，不满意再来一句。五天的感受：它不会让你少做决策，但会让每个决策都落地极快。

为什么选择自己搭建

市面上的博客方案很多，Hexo、Hugo、WordPress、Typecho，随便挑一个都能用。但我想把这个博客做成一个长期 演进的个人项目——不只是记录文字，也是试验新技术的沙盒。后面计划集成向量搜索、RAG 问答、AI Agent 等能>力，一个自己能完全掌控代码的项目是必要的。

技术选型

借鉴 & 致敬

UI 布局参考了 Typecho 社区的 Handsome 主题（作者：友人C），包括三栏响应式布局、侧边栏导航结构、卡

片式文章列表等。数据库表结构借鉴了 Typecho 的设计思路（Post、Category、Tag 的 M2M 关系、Comment 嵌 套回复模型）。

站在巨人的肩膀上，用现代技术栈重新实现。

项目数据

• 实际开发 5 天，138 次 commit
• 技术栈 Python 3.12 + FastAPI + SQLAlchemy + HTMX + Tailwind
• 约 3000+ 行 Python，1500+ 行模板/CSS/JS

已实现的功能

前台

• 文章列表 / 详情 / 分类 / 标签 / 归档
• 全文搜索、RSS Feed、Sitemap
• 嵌套评论 + AI 审核 + Honeypot 防 spam
• 相册（瀑布流网格 + 灯箱 + OSS 实时缩略图）
• 时间线（项目 / 人生双线）
• 留言板
• 暗色模式 + 多套配色主题
• 粒子网络动态背景
• 响应式三栏布局 + 移动端抽屉导航

后台

• 文章 / 页面 CRUD（Vditor 编辑器）
• 分类 / 标签管理
• 评论审核
• 相册管理（批量上传 + 拖拽排序）
• 时间线管理
• 站点设置
• AI 润色 / 摘要 / 标签推荐 / Slug 生成

基础设施

• 本地存储 / OSS 双后端抽象，一键切换
• Alembic 数据库迁移
• JWT 认证
• pytest 测试覆盖

Vibe Coding 的边界在哪里

折腾下来，最深的体会是：AI 擅长实现，不擅长设计。

说"加个相册功能"，AI 能一口气写出模型、路由、模板、JS 灯箱。但相册的数据库怎么设计？上传流程怎么走？缩

另一个边界是持续迭代中的架构腐败。AI 没有"简洁优先"的意识，你让它加功能它就加，不会主动提醒你"这里 该重构了"。五天的密集开发之后已经有了需要清理的角落：几处代码重复、CSS 变量散落、测试覆盖不均衡。Vibe Coding 之后还需要 Vibe Refactoring。

下一步

后续会逐步集成更深的 AI 能力——向量语义搜索、基于全站文章的 RAG 问答、写作风格分析等。这个博客也是我转>向 Agent 应用开发的实验田，详细规划见 AI_ROADMAP.md。