个人网站复盘：从 Vibe Coding 到产品闭环

这次做个人网站，我没有把它当作品集页面来随便堆内容，而是当成一个小产品来推进。

我先给自己定了一个很具体的目标：别人点进来，能快速看懂我是谁、我在做什么、有什么在持续更新。这个目标定住以后，很多事情就好判断了。比如第一版不追求花哨，先把首页、项目页、摄影集、联系页跑通；先保证能稳定打开，再谈精细优化。

这段过程，和我在「Human-Drive 的实际感受」里写的一样：工具很新，但流程本质没变，还是人在主导。vibe coding 让我从「想一步做一步」慢慢变成「先想清楚，再描述清楚」。写代码确实更快了，但对需求表达和验收标准的要求反而更高。

比如「留言功能上线」听起来只有一句话，真正落地时要回答很多问题：发完留言后用户看到什么？什么时候能看到自己那条？时间显示错了怎么处理？这些如果不提前想清楚，上线后就会全变成线上问题。这个阶段我也更理解了「debug 初体验」里那种感受：很多看起来是技术问题，拆开看其实是展示策略、环境认知和发布节奏的问题。

过程里踩了不少坑，也学到一些实战经验。

第一类坑是体验一致性。我遇到过页面首屏和实际交互不一致的情况，用户看到的和我以为交付的不一样。后来我会先从用户视角验收一遍，再去看代码。

第二类坑是数据展示可信度。评论时间出现过异常字符串，技术上能解释，但用户不会管原因，只会觉得这个页面不可靠。我的处理原则也变得简单：宁可少展示，也不要展示明显错误的信息。

第三类坑是发布与环境认知。有几次我以为改好了，其实没走到发布；也有几次线上更新了，本地却像没变。后来我给自己定了固定排查顺序：先看代码是否同步，再看是不是同一个预览进程，再看地址和端口对不对，最后才怀疑改动本身。

这个版本里我补了评论区、评论数角标、状态筛选这些能力。它们不算大功能，但都在解决同一件事：让网站从「我在展示」变成「我和访客有来有回」。下一步我会按「接下来的项目目标」那条随记去推进——先把同一套核心能力在不同入口跑通，再逐端做轻量适配，不追求一次做到最完整。后面我也会继续按 想法 -> 上线 -> 观察反馈 -> 再迭代 的节奏往下做。