用 vibe coding 重构这个小站

这个站我很久没认真动过了。内容是我的，气质也是我的，但代码和结构已经停在了一个不太想继续维护的状态里。页面能打开，文章也都还在，可一旦想改点东西，就会立刻感受到那种“知道该动哪，但不想真的动手”的疲惫。

所以这两天我做了一件很直接的事：用 vibe coding 把它重构了一遍。

为什么想这样做

以前我做站点，设计和实现之间还是隔着一层。先在脑子里想，或者先在 Figma 里画，接着再找时间把它落下来。这个流程没什么问题，但它有个很明显的缺点，就是判断来回切换得很慢。

这次我不想再分得那么开了。我更想试试另一种方式：一边判断设计，一边直接把页面做出来；一边改结构，一边把真正会遇到的问题也一起处理掉。对我来说，vibe coding 最有意思的地方，不是“生成得多快”，而是它把这条回路拉得非常短。

先把站点拆成更容易维护的结构。about、blog、project 各自独立，能配置的内容尽量配置化，旧文章页也统一接到新的壳层里。这样后面不管是继续写文章，还是补项目，心里都会轻松很多。

然后再回头对设计。导航的位置、标题的留白、页脚、移动端底部导航、文章列表的间距、正文标题的字重，这些东西单看都不算大，但它们加在一起，才决定一个页面是不是顺眼。

这次我改得最多的，反而不是“功能”，而是这些很细的判断。很多时候只是 8px、12px、24px 的差别，或者是一点字重、一点阴影、一条分隔线的处理，但页面的气质会因此完全不一样。

我越来越强烈地感觉到，现在这个阶段对设计师来说真的很特别。

以前我们擅长的是提出方案、定义体验、描述一个结果。现在如果愿意多往前走一步，其实已经可以把很多东西直接做出来了。不是做 demo，也不是只做个样子，而是能做成真的能跑、能改、能继续维护的东西。

这件事对我很重要。因为我一直觉得，审美如果只能停在稿子里，是有点可惜的。能把它推进到成品里，哪怕只是一个小站、一个页面、一个细节，也会让设计这件事变得更完整。

当然，它也不是一键完成。真正花时间的部分，依然是判断。

该不该把 about 页改成新的三段结构，Now 模块用什么语气，移动端底部导航到底是加重还是收轻，博客列表的间距是 16 还是 24，这些都不是 AI 替我决定的。AI 更像是把“动手”这件事变得没那么笨重，让我可以把更多精力放在判断本身。

所以如果要用一句话形容这次的感觉，大概就是：vibe coding 不是把设计交出去，而是把设计师的手伸得更长了。

这次重构完，我最满意的不是页面终于变新了，而是它终于重新回到了一个我愿意继续维护的状态里。

接下来我应该会更频繁地写点东西，也继续把这个站慢慢磨顺。对现在的我来说，能一边想，一边做，一边改，一边留下记录，是一件很舒服的事。