为什么重新设计 Fox

我最近一直在重构 Fox v2。

顺便，也重新设计了我的博客。

这句话放在首页的 Now 里面，看起来像一句普通的近况更新。但我自己知道，它其实是一个很长的念头在慢慢落地。不是哪天突然看旧页面不顺眼，也不是看到某个漂亮模板之后手痒，想把颜色换一换、卡片磨一磨、动效加一加。

如果只是这样，重做一个个人主页会很快。

真正麻烦的是，我越来越觉得，旧的 Fox 已经无法准确表达我现在对「个人站」这件事的理解了。

它还能打开，还能展示内容，也许有些地方看起来还不错。但它像一个早期的自己留下来的房间，里面放了很多当时觉得重要的东西，后来慢慢又塞进更多东西。文章、照片、杂谈、首页状态、导航、主题色、背景图、一些临时数据和一些未来可能会用到的入口，全都在一个模糊的系统里挤着。

每次我想继续写一点东西，或者调整一点体验，第一反应不是「我想表达什么」，而是「这东西现在到底该改哪里」。

这就不对了。

一个个人站最宝贵的地方，不是功能多，而是它能不能让你愿意回来。愿意回来写一篇文章，放一张照片，记录一段时间里的状态。它应该像一张慢慢变厚的桌面，而不是一个每次打开都要重新理解的工程现场。

所以我重新设计 Fox，不是为了让它看起来更新。

我是想让它重新变得可以生活。

一、个人主页不是展示柜

个人主页很容易变成展示柜。

尤其是当你开始认真做它的时候，你会忍不住想把所有东西都摆上去。项目经历要有，技术栈要有，社交链接要有，最近文章要有，照片墙要有，音乐和阅读也想放一点，最好再来一点动效，显得没那么素。

这些东西单独看都没错。

但它们放在一起，很容易把一个人切成很多标签。访问者一进来，看见的是一堆入口，一堆卡片，一堆「我也支持这个」。看完反而不知道这个站的主人到底是什么样的人。

我不想让 Fox 变成那样。

所以这次重做，我一开始给首页定的目标很小。不是让它承担全部内容浏览，也不是把它做成一个漂亮的大屏，而是完成一条很朴素的路径。

认识我，知道我最近在做什么，然后找到文章、照片和杂谈的入口。

这就是现在首页的骨架。

最上面是沉浸式首屏。AmaranthCN 作为站点名放在第一视线里，后面是本地背景图、渐变遮罩和水波过渡。签名那句话是「把事做好，也把自己照顾好。」我喜欢这句话，因为它没有假装自己很宏大，也没有把生活包装成某种人设。

它只是承认一件事。

我确实是在代码和生活之间来回切换的人。

往下是 Now。最近在重构 Fox v2，最近在读原研哉的《设计中的设计》，最近在听《夜航星》。这些信息都不算惊天动地，但它们让一个站从静态名片变成了一个正在呼吸的地方。

再往下是 Recent。文章、照片、杂谈各自有入口。文章更像长线思考，照片补充生活里的视觉记忆，杂谈承接短一点的状态。

这套结构很克制。

克制不是少做，而是知道什么应该在第一屏出现，什么应该留给下一层。

二、我想要的是安静，不是空

这次设计里，我反复在一个词上停住。

安静。

但安静很容易被误解成空白。页面留白很多，颜色很淡，文字很少，然后就说自己克制。其实那不一定是安静，有时候只是没想清楚。

我想要的安静，是信息层级清楚。

比如浅色模式里用了暖白纸感、深墨色文字和樱粉强调色。深色模式不是简单反色，而是深绿灰背景和低刺激文字。卡片有边框，但阴影很轻。玻璃面板只用在首页签名、Now 和重要内容表面，不把整个页面做成一堆发光的透明盒子。

这些选择不是为了追某种风格。

它们更像是在告诉页面，别抢内容的戏。

一个个人内容站，最终还是要靠阅读成立。文章详情要有舒服的行宽，标题层级要清楚，目录只能做辅助，代码块不能把页面撑坏。照片墙里图片是主体，文字只做补充。杂谈要像时间流条目，不要伪装成一篇篇小文章。

我在设计系统文档里写过几个词，安静、清晰、可信、有细节、内容优先、阅读友好、不像默认模板。

这几个词看起来像设计原则，其实更像我给自己的提醒。

因为做页面时最危险的不是做得太少，而是做着做着忘了自己为什么做。今天加一个 hover，明天加一个动效，后天觉得这个卡片还可以再精致一点。每个局部都挺用力，整体却没有呼吸。

Fox v2 需要的是另一种方向。

它可以有沉浸背景，可以有水波，可以有打字动画，也可以有轻微的视差。但这些东西应该像屋子里的光，不应该像舞台上的烟。

你注意到它们的时候，会觉得舒服。

你没注意到它们的时候，阅读也没有被打断。

三、重构其实是在重新分房间

这次重新设计里，真正让我松一口气的部分，不是某个页面终于好看了，而是项目里的房间重新分清楚了。

以前很多个人站都会经历一个阶段，东西能跑就先放着。文章数据放在代码数组里，照片也放在另一个临时数据里，首页动态再单独写一份。短期看很方便，因为改起来直接。长期看就会开始别扭。

你写一篇文章，像是在改程序。

你整理一张照片，像是在填配置。

你想加一个新入口，还得担心它会不会和某个旧数据结构打架。

所以这次我把正式内容搬到了 src/content/。文章放在 posts，照片放在 photos，杂谈放在 notes。每一条内容都是一个 Markdown 或 MDX 文件，文件名就是公开地址里的 slug。

这件事看起来很工程，但它带来的心理变化很明显。

内容终于像内容了。

我不需要每次写东西都进入一种「我要改代码」的状态。我要写文章，就新建文章文件。我要整理照片，就去照片内容目录。我要记录短想法，就放进杂谈。页面读取、排序、过滤和链接生成交给工具函数，展示交给组件，样式回到样式文件，配置回到配置目录。

这就是重新分房间。

卧室里不放锅，厨房里不堆衣服，书桌上尽量只留下正在看的东西。一个项目也是这样。目录越清楚，后面越不容易把自己困住。

我现在越来越相信，一个能长期维护的个人站，拼的不是第一版做得多华丽，而是半年后你还能不能看懂自己当时为什么这么写。

Fox v2 这次迁移到 Next.js 和 React，不只是换技术栈。更重要的是，我把页面、组件、内容、配置、样式、工具函数和类型边界重新梳理了一遍。

首页只负责组装，不塞大量业务细节。

配置只表达稳定事实，不放渲染逻辑。

内容不散落在页面里。

公开列表只展示已经发布的内容。

草稿和未公开内容不进入首页、RSS、标签和归档。

这些规则听起来很硬，但它们带来的结果是自由。

因为边界清楚之后，我反而可以更安心地写。

四、Fox 需要有时间感

我以前对个人站的想象，更接近一个完成品。页面做好了，内容填进去，部署上线，然后它就在那里。

现在我不太喜欢这种想象。

个人站如果真的属于一个人，它应该带着时间感。今天的 Now，明天可能会变。最近在读的书会换，最近在听的歌会换，照片墙会慢慢补齐，文章会从工程实践延伸到设计思考、生活观察和项目复盘。

它不是一次性装修好的样板间。

它应该是一个会留下使用痕迹的地方。

这也是我为什么在首页保留了 Now 和 Recent。Now 负责告诉别人我正在经历什么，Recent 负责把最近的内容送出来。它们不需要解释太多，但能让访问者感觉到，这个站不是遗址。

它还在更新。

这件事对我很重要。因为写作本来就不是持续燃烧的事情。更多时候，它是断断续续的，是某个晚上突然想清楚一点东西，是某个周末整理了一张照片，是某次重构之后终于知道自己为什么不舒服。

如果一个站只适合发布「完整作品」，那我会越来越不敢写。

但如果它允许我放长文章，也允许我放短状态，允许我认真整理照片，也允许我只记录一点近况，它就更接近真实的生活。

Fox v2 想要承接的，正是这种不那么整齐的真实。

五、重新设计也是重新认识自己

写到这里，我发现「为什么重新设计 Fox」这个问题，表面上是在问页面，其实是在问我自己。

我到底希望别人通过这个站看到什么。

是一个会写代码的人。

是一个喜欢折腾设计和交互的人。

是一个会记录生活片段的人。

还是一个想把很多零散兴趣慢慢收拢到同一个地方的人。

答案可能都是。

但我不想把它们压缩成一句漂亮的自我介绍。那样太像简历，也太像产品标语。个人站最动人的地方，恰恰是它不必一次说完一个人。

它可以慢慢说。

今天说我在重构 Fox v2，明天说我读《设计中的设计》时想到的事，后天放一组窗边的光，再过一阵子写一次内容系统迁移。时间长了，这些内容会自然拼出一个人，而不是靠首页一句口号硬撑。

所以我重新设计 Fox，不是为了制造一个更完美的壳。

我是想给未来的自己留一个更好进入的入口。

当我想写东西时，它不要拦我。

当我想调整样式时，它不要把我拖进混乱。

当我过一段时间再回来时，它最好还能让我一眼看懂，哪里是内容，哪里是配置，哪里是页面，哪里是只属于首页的细节。

这听起来不浪漫。

但我觉得这正是个人项目里最浪漫的部分。

你不是为了某个外部指标去维护它，也不是为了证明自己能做多复杂的东西。你只是认真给自己的表达建一个地方。这个地方可以安静，可以慢，可以不断修改，但它得经得起时间。

Fox v2 现在还没有完全结束。

关于页还在整理，照片墙还会继续补，搜索和 RSS 也还有很多可以打磨的地方。甚至现在的首页，也一定会在未来某个时刻继续被我推翻一部分。

但这次重新设计之后，我至少确认了一件事。

Fox 不再只是一个放内容的网站。

它开始像一个我愿意长期回来坐一会儿的地方。