AI十天建站实战：从零搭建完整博客系统全记录
过年假期，与其闲着，不如动手做点有意思的事。我花了十天时间，从设计到开发，完整地搭建了一个属于自己的博客系统。
它叫 u-blog，现在已经上线运行了。
为什么突然想干这个
想法其实很简单：一直想拥有一个真正属于自己的写作空间。它既不是公众号那样发完就沉没的信息流，也不是Notion那种包罗万象的笔记仓库。我想要的是一个纯粹的角落，文章排版舒适，自己能随意调整细节，偶尔还能和来访的读者聊上几句。
之前尝试过不少现成的博客方案，总觉得差了点意思。要么模板化痕迹太重，要么想修改一个小功能都得翻阅大量文档。既然过年有空，干脆就自己从头开始造一个。
这十天都干了啥
整个过程可以清晰地分为几个阶段。
第一天到第三天：搭建基础框架
先从后端入手。选择了熟悉的Express + TypeORM + PostgreSQL技术栈，求的就是一个稳当。接着是编写核心接口，处理登录注册，并把文章、分类、标签的基础增删改查功能搭建起来。
其中一步比较省心的设计是实现了动态CRUD：后续只要新增数据库表，通用的数据操作接口就能自动生成。这为后面几天添加功能省去了大量重复编码的枯燥工作。
第四天到第六天：打造前台阅读体验
前台使用Vue 3开发，核心聚焦在文章阅读页。为了追求最佳的阅读舒适度，在排版上反复调整了很多次——字号、行距、字间距，目标就是让文字读起来不费劲。此外，还制作了归档页面，方便日后回顾自己的写作轨迹。顺手加入的热力图和词云，则是想直观地看看自己的写作习惯和话题分布。
第七天到第八天：构建后台管理系统
后台管理界面基于React和Ant Design，用于管理文章、分类、评论、友链以及权限等。界面美观度是次要的，关键是自己用起来要顺手、高效。
第九天到第十天：引入“小慧”——博客助手
这是整个项目中最花心思的部分。我希望博客里能有一个智能助手，不是那种刻板的客服机器人，而是一个能交流、有记忆、能实际做点事的“存在”。
“小慧”是基于OpenClaw框架搭建的。OpenClaw是一套开源的智能体（Agent）框架，它能让AI不仅限于回答问题，还能调用工具、记住上下文、执行具体任务。目前，小慧已经能够：根据博客文章内容回答相关问题、帮用户翻阅归档中的旧文、进行日常闲聊。未来还计划让她承担文章摘要生成、灵感整理等工作。
开发过程中的AI协作模式
既然“小慧”本身就是基于Agent框架构建的，这十天的开发过程，在某种程度上也是在用“搭建智能体”的思路来写代码——把AI当作一个能干活、能商量、且必须遵守规则的开发队友。
具体是怎么配合的呢？可以总结为几个关键习惯：
以工程化方式驱动Agent
不是简单扔给AI一句话让它生成代码就完事。而是会先让它去阅读仓库里其他模块的代码风格、目录结构、命名规范，然后要求它严格按照现有风格输出。这样生成的代码，几乎可以直接融入项目，无需额外调整格式。
根据任务切换不同模型
写代码这件事，不同的AI模型各有所长。有的擅长将模糊需求拆解成详细的技术方案，有的在快速产出落地代码方面表现突出，还有的专精于寻找边界条件和潜在缺陷。习惯了在不同任务间切换使用合适的模型，目标不是追求某个“最强”，而是为了最大限度地减少返工。
通过MCP接入项目上下文
为了让AI真正理解项目现状，我将整个工程环境接入了开发流程。这意味着AI可以直接读取文件、翻阅现有代码、查询文档，甚至使用浏览器进行自动化调试。这就好比它不再仅仅听我的描述，而是能亲自在项目现场进行勘察和设计，修改代码时也就有了实实在在的依据。
将复杂任务固化为Skill（技能）
对于“编写单元测试”这类复杂但模式化的工作，我会将其拆解为固定步骤：分析依赖、设计测试用例、使用项目内的测试工具编写、运行并检查覆盖率、查漏补缺。将这个流程固化下来，每次让AI按步骤执行，结果的稳定性和质量就高得多。久而久之，积累了一批“技能模板”，遇到同类问题直接套用即可。
用Rule（规则）确保代码规范
为代码仓库制定了一系列规则：命名规范、模块分层、API格式、依赖顺序。AI也必须遵守这些规则，通常会在提示词中附上规则文件进行约束。定规矩不是为了束缚手脚，而是为了确保半年后回头再看，自己（和AI）写的代码依然清晰可读。
通过这样一套协作模式，节省了大量精力，从而能更专注于功能设计和用户体验的打磨——比如，思考如何让“小慧”变得更聪明、更能干。
博客现在是什么样子
如果你现在访问，会看到这样一个空间：
- 文章页面排版干净、专注，一切为了阅读服务。
- 归档页面提供了清晰的时间线，可以回顾写作历程。
- 热力图和词云记录着写作频率与话题偏好。
- 留言区和友链页面开放着，期待与外界产生连接和回响。
- 角落里驻守着“小慧”，随时准备与你聊聊天或帮点小忙。
目前，移动端适配（使用Expo + React Native）还在逐步完善中，部分页面在手机上的体验还不够流畅。接下来的计划，是加入文章朗读、构建知识图谱，以及让“小慧”学会自动生成文章摘要等功能。
最后
这十天折腾下来，最深的感触是：亲手搭建一个属于自己的地方，感觉确实和直接用现成方案完全不同。倒不是因为技术有多高超，而是因为那里从里到外都打上了自己的烙印——可以随心所欲地调整，可以毫无拘束地书写。
如果你也钟情于这种“亲手经营一个小角落”的感觉，欢迎随时来逛逛。