从零开始搭建我的 AI 技术博客：Next.js + Tailwind + AI Agent 实战复盘
最近，我尝试了一件很有意思的事情：
我没有亲手写博客，而是让 AI Agent 帮我自动生成了一个完整的个人博客网站。
技术栈采用：
- Next.js
- TailwindCSS
- React
- Markdown Blog
- Vercel 部署
整个过程非常有意思，因为我第一次真正感受到：
AI 已经不只是“聊天工具”了，而是在开始接管软件工程。
为什么想做博客？
我一直认为：
技术成长一定要留下痕迹。
尤其是在学习：
- 联邦学习
- 时序预测
这些内容时，如果只是“学过”，但没有输出，其实很容易遗忘。
于是我想：
搭建一个真正属于自己的博客。
用来记录：
- 学习笔记
- 技术思考
- 项目踩坑
- 生活随笔
- 未来研究方向
AI Agent 帮我做了什么？
我原本以为 AI 只能生成一些 demo。
但实际效果比我想象中强很多。
AI 自动完成了：
- 页面布局
- React 组件
- TailwindCSS 样式
- Markdown 渲染
- 分类系统
- 标签系统
- 个人信息侧边栏
- 响应式页面
甚至已经有了：
- 首页
- 文章页
- 标签页
- 分类页
这说明：
AI 已经具备初级前端开发能力。
但 AI 的问题也非常明显
虽然能运行。
但整个博客有一种非常强烈的：
“AI 味”。
具体表现为：
1. 页面没有灵魂
AI 会：
- 卡片
- 标签
- sidebar
- navbar
但它不会：
- 视觉叙事
- 情绪表达
- 品牌设计
结果就是：
页面虽然“工整”，但没有个性。
2. 留白严重失衡
首页大量空白区域。
看起来不像：
“一个正在持续更新的博客”
反而像：
“数据库初始化页面”。
这是很多 AI 生成 UI 的通病。
3. 配色太模板化
经典：
| |