0. 契机

查阅资料时，发现一些优秀的个人博客（codingnow、lfzxb、imzlp），一下就把我拉回到以前自己也折腾过个人网站的那段时间。

那会儿技术栈非常朴素：纯 HTML 加一点 jQuery，能跑但挺简陋。后来工作忙起来，再加上技术栈更新太快，这个小站就一直吃灰。

这两年 AI 发展得很快，我也看到不少人用 AI 搭了博客、生成了整套项目。于是就萌生了一个想法：干脆借着这股东风，用 AI 帮我把网站彻底重构一遍，顺便体验一下所谓“赛博编程”的全流程——目标是：

• 尽量 少写代码、多沟通
• 把以前“凭感觉堆”的东西，变成一套 稳定、可维护、有自动部署 的个人站点
• 对自己以后想做的小项目也留一条可复用的路

这篇文章就是对整个过程的一次整理。

1. 确定方向：先和 AI 把问题说清楚

一开始我没有急着写代码，而是把旧站的代码结构丢给 AI，让它帮我做一个“代码体检”：有哪些优点、有哪些明显的历史包袱，以及在今天看来明显不太合适的地方。

比如 jQuery 这种技术为什么现在不推荐用了、静态 HTML 堆在一起会带来什么问题，AI 都能说得比较系统。

更重要的是，它会结合我的实际情况给建议：比如我平时写前端不多、只有一台 NAS 跑 GitLab、自用项目访问量不算大等等。

在这样的前提下，我们一起敲定了几个方向：

• 用 前后端分离，但控制复杂度
• 前端 用 Vite + Vue 3（生态成熟，启动构建都很快）
• 后端 用 Node.js + Express，接口简单直观
• 用 GitLab CI/CD 做自动部署，尽量做到“推一次代码，自动上线”
• 整体保持在我能理解和维护的复杂度范围内，而不是为了“高级”而高级

在这个阶段，AI 相当于是和我一起开了一次“架构评审会”，我负责描述诉求和约束，它负责帮忙收敛选型、解释利弊。