个人主页不是展示柜

我以前很容易把个人主页做成展示柜。

这个问题不是一开始就能看出来。刚开始做站的时候，什么都想放上去。站点名要大一点，社交链接要齐一点，文章要露出来，照片也不能藏太深，最近在听什么、最近在读什么、最近在做什么，好像都应该有一个入口。再往后，搜索、RSS、标签、归档、友链、关于页，也都很合理。

每一个功能单独拿出来，都有存在的理由。

但它们一起出现的时候，页面会慢慢变成一种很奇怪的东西。

它看上去很完整，却不太像一个人。

更像一面墙。

墙上挂满了证件、照片、链接、标签和自我介绍。来访者可以知道我会写代码，知道我有文章，知道我有照片，知道我有一些入口。但他很难感受到我此刻在什么地方，正在关心什么，为什么要继续往下看。

这就是我这次重新设计 Fox v2 时最想躲开的东西。

我不想让 AmaranthCN 成为一个功能清单。

我想让它像一个可以坐下来的地方。

你进来之后，不是被一堆入口推着走，而是先看到一个正在变化的人。然后你自然知道，他在写什么，看什么，听什么，整理什么，也知道自己可以从哪里继续读下去。

这个差别很小。

但小到某个时刻，就是个人站和展示柜的差别。

一、首页只做一件事

我这次给首页定的目标很克制。

认识作者，了解当前状态，浏览最近内容入口。

就这三件事。

首页不负责替我讲完全部经历，也不负责把全站内容压缩成一个复杂仪表盘，更不负责把访问者转化成什么东西。它不是营销页，也不是作品集模板，更不是后台首页。

它应该更像一个门口。

门口不需要摆满所有家具。门口真正重要的是，让人知道这里是谁的地方，里面大概是什么气味，往前走会看到什么。

所以现在的首页结构很简单。

最上面是沉浸式个人首屏。站点名 AmaranthCN 放在最显眼的位置，背景图、遮罩、水波和签名组成第一眼的识别。中间那句签名是「把事做好，也把自己照顾好。」这句话没有给自己贴太多标签，也没有试图把我包装成某种很厉害的人。

它只是把基调放出来。

我写代码，也过生活。我做页面，也整理自己的节奏。

再往下是 Now。这里放的是最近状态，不是人生履历。最近主要在重构 Fox v2，顺便重新设计博客。最近在读原研哉的《设计中的设计》。最近在听《夜航星》。这些信息没有宏大的意义，但它们很有用。

它们让页面变得正在发生。

很多个人主页的问题，是它们太像一张停住的海报。海报当然可以很漂亮，但你看完就结束了。Now 这种东西不一样，它告诉你这个站不是一个被完成后放在那里的成品，而是一个仍然在被使用的空间。

这也是为什么我不急着把首页做满。

做满很容易。

真正难的是知道哪里应该空着。

二、入口不是越多越好

我很长时间都觉得，一个个人站应该尽量把入口展示充分。

文章入口要明显，照片入口要明显，杂谈入口也要明显。如果以后有视频、友链、归档、标签、搜索，也都应该有位置。问题是，当所有入口都同样明显时，访问者反而不知道应该从哪里开始。

这有点像走进一家没有动线的小店。

每个货架都在喊你看我，但你不知道老板最想推荐什么，也不知道自己先走哪一步最舒服。

所以 Fox v2 的首页内容入口没有做成大列表，而是收敛成 Recent 区域。文章、照片、杂谈三类内容各有一张卡。它们不是三块广告位，而是三种表达方式。

文章负责长线思考。

照片负责视觉记忆。

杂谈负责短状态。

这三件事放在一起，刚好能拼出一个更完整的人。只看文章，容易变成一个技术或观点容器。只看照片，容易只剩下生活切片。只看杂谈，又太轻。三者并排时，页面会自然告诉你，这里既有认真写下来的东西，也有生活里偶然停住的瞬间，还有一些没有被展开成文章的近况。

我喜欢这种比例。

它不急着证明自己内容很多。

它只是把几个可以继续往下走的方向摆出来。

更重要的是，这三个入口各自的视觉语言不一样。文章卡片用封面、标题和摘要建立阅读入口。照片卡片让图片成为主体，文字退到后面。杂谈卡片更像时间流，不装成一篇小文章。这样做不是为了炫技，而是因为内容类型本来就不一样。

如果所有内容都被做成同一种卡片，页面会很整齐。

也会很无聊。

整齐不等于清楚。一个好的入口应该让人立刻知道自己将要进入什么，而不是让所有东西穿同一件衣服。

三、个人站需要一点正在发生

我越来越觉得，个人站最重要的不是完整，而是时间感。

完整当然好。文章列表完整，照片墙完整，标签归档完整，搜索和 RSS 都能用，这些都是一个长期站点应该慢慢补齐的东西。但如果一个站只有完整，没有正在发生，它还是会显得冷。

因为人不是完整的。

人总是在某个阶段里。最近在忙什么，最近读到什么，最近听到什么，最近突然想改什么。很多时候，这些细小状态比一段正式介绍更能让人感到真实。

所以我保留了 Now。

Now 不是动态公告栏。它不需要每天更新，也不需要把生活拆成流水账。它只是给访问者一个坐标，让他知道现在的我大概在哪里。

我在重构 Fox v2。

我在重新设计博客。

我开始整理摄影作品，希望慢慢把 Gallery 做完整。

这几句话放在首页，比写一段「我是一个热爱技术与生活的人」更有用。因为后者太像标签，前者更像现场。

现场感很重要。

一个网站如果只有结论，没有现场，就会像把生活晒干之后装进相框。你能看到形状，但闻不到气味。Now 的作用，就是让这个站保留一点湿度。

Recent 也一样。

它不是为了让首页显得热闹，而是让访问者知道最近哪几条内容可以继续读。新文章、新照片、新杂谈会自然浮上来。时间在页面里留下痕迹，站点也就不再只是一个静态名片。

我想要的个人主页，应该允许这种不完全。

它可以告诉别人，我现在还在整理，有些地方还没做完，有些照片还没补齐，有些页面还在建设中。但它不会因此显得廉价。相反，我觉得这种诚实会让站点更可信。

没有人真的一次性完成自己。

个人主页也不应该假装自己已经完成。

四、照片墙不是图库

Gallery 这个词很容易让人想到图库。

图库的逻辑是数量、清晰度、分类和浏览效率。照片越多越好，筛选越细越好，排布越统一越好。如果这是一个摄影作品站，这当然没问题。

但 Fox 里的照片墙不是这样。

我更希望它像生活记忆的侧面。

照片在个人站里承担的东西，和文章不一样。文章靠语言推进，照片靠瞬间停住。它不一定要解释完整，也不一定要服务某个主题。有时候一张窗边的光，一条早晨的街，一张桌面场景，就足够让一个站从只有思考变成有生活。

这也是为什么照片卡片里，图片应该是主体。

文字只做辅助。

地点、时间、相机信息都可以有，但它们不能抢走照片本身。读者进入照片墙，不是为了看一张素材图的说明书，而是为了看到某个时刻为什么被留下来。

我很喜欢这一点。

它让个人站不只是表达观点，也保存感受。

很多技术博客有一个共同问题，就是它们只留下了人的脑子，没有留下人的生活。文章都很认真，目录都很清楚，代码都很对，但你很难感到这个人每天也会在窗边发呆，也会被一首歌打中，也会在某个光线里停一下。

我不想让 Fox 变成那样。

我希望这里有工程实践，也有生活片段。有长期打磨的想法，也有不一定能写成文章的画面。

所以照片墙不是额外装饰。

它是个人站的另一种正文。

只是这种正文不用长段落写。

五、杂谈是低门槛的呼吸

文章有一个问题。

它太正式了。

不是说正式不好。长文章确实适合完整表达，适合把一个问题从开头讲到结尾，也适合记录项目复盘和设计思考。但如果一个站只能发布文章，它就会自然提高表达门槛。

你会开始想，这个想法值得写成文章吗。

这个近况会不会太短。

这句话是不是还没想成熟。

想多了，就不写了。

所以我需要杂谈。

杂谈不是低质量内容区，也不是为了凑更新。它更像站点的呼吸。短一点，轻一点，允许不那么完整。它可以是一段近况，一个链接，一句读书时想到的话，也可以是某个项目里突然冒出来的小判断。

它不需要承担文章的重量。

正因为没有那么重，它反而能让个人站更连续。

我一直觉得，很多人放弃个人站，不是因为写不出大文章，而是因为每次回来都觉得自己必须交一份完整作业。这个心理负担太大了。杂谈的存在，是在告诉自己，这里也可以放一点半成品的生活。

当然，半成品不是乱。

杂谈也需要清楚的时间、类型、心情和标签。它可以轻，但不能糊。Fox 现在把杂谈做成时间流条目，而不是把它们包装成文章卡片，就是为了保留这种轻。

轻有轻的尊严。

一个个人站如果只有重内容，会慢慢变得像档案室。

加上杂谈，它才更像有人在用。

六、安静不是没有设计

这次前台体验里，我最在意的词还是安静。

但我不想把安静做成没有设计。

没有设计和克制设计是两件事。前者是放弃表达，后者是知道表达应该退到哪里。Fox v2 里有暖白纸感，有樱粉强调色，有深绿灰的深色模式，有玻璃面板，有水波，有打字效果，有轻微的卡片上浮和图片放大。

这些都是设计。

只是它们不应该大声。

我希望访问者第一眼能记住这个站的气质，但不要被气质挡住内容。首页首屏可以有强识别，因为它负责建立记忆点。文章详情页就应该安静下来，因为它负责阅读。照片墙可以让图片更突出，因为图片本身就是内容。杂谈列表要轻一点，因为它承接的是碎片状态。

不同位置，声音大小不一样。

这就是我理解的前台体验。

不是所有页面都精致到同一种程度，也不是所有组件都追求同一种漂亮。一个站点应该像一段编曲，有主旋律，有和声，有停顿，也有留白。所有东西都在高音区，听久了会累。

我不想让 Fox 让人累。

它可以有细节，但细节最好是在你停下来时才被看见。

比如首页水波只是首屏和内容区之间的过渡，不应该成为全站装饰。比如玻璃面板只放在签名和 Now 这种重要表面，不应该到处泛滥。比如动效只做轻微反馈，不应该让人忘了自己在读什么。

这其实是一种很朴素的礼貌。

页面不要一直打断人。

七、关于页可以慢一点

这次重做时，还有一个让我很想克制的地方。

关于页。

个人主页里最容易写假的地方，就是关于页。你总会忍不住把自己写得更整齐一点。会做什么，关注什么，喜欢什么，联系方式是什么，最好再加几句听起来很稳定的自我描述。

这当然没错。

但我有点害怕那种太像简历模板的关于页。

因为一个人一旦被写成几段简介，就很容易失去毛边。你看见的是一个被整理过的形象，不是一个正在变化的人。对个人站来说，这种整理有时候反而会削弱真实感。

所以 Fox v2 现在的关于页还在整理中。

这不是逃避，而是我想给它多一点时间。

我希望它以后出现的时候，不只是告诉别人我是谁，而是能让人理解我为什么会把这个站做成这样。为什么我在意内容，为什么我喜欢安静一点的页面，为什么我会把文章、照片和杂谈放在同一套系统里，为什么我觉得一个个人站应该能慢慢变厚。

关于页如果只是写经历，它会很快过期。

关于页如果写的是一个人的观察方式，它会更耐看。

这也影响了首页的设计。因为关于页还没准备好，首页就更不能承担完整自我介绍的压力。它只需要给出第一层识别，让访问者知道这里是 AmaranthCN，是 fox 的个人主页，记录工程实践、生活片段和长期打磨中的想法。

这就够了。

剩下的部分，交给内容慢慢说。

我现在越来越喜欢这种关系。首页不是替我一次讲完自己，而是给后面的文章、照片和杂谈留出空间。关于页也不急着变成一个漂亮包装，而是在合适的时候补上更稳定的自我说明。

前台体验里最难的不是展示多少信息。

而是知道哪些信息现在不必展示。

这种不急，反而会让站点更像一个真实的人。

八、前台体验最终是在安排关系

我以前以为前台体验主要是在安排页面。

现在觉得不是。

它其实是在安排关系。

站点和访问者的关系，内容和入口的关系，视觉和阅读的关系，现在的我和过去内容的关系，长文章和短状态的关系，照片和文字的关系。

这些关系一旦处理不好，页面就会别扭。

如果首页太像展示柜，访问者会被信息淹没。如果文章入口太弱，认真写下来的东西就找不到读者。如果照片只被当作装饰，生活感就会变成背景噪音。如果杂谈被做得太重，轻表达就失去了意义。如果视觉太用力，内容会被抢走。如果视觉太空，站点又没有记忆点。

这里面还有一个很细的东西，叫动线。

动线这个词听起来像商场设计，但放到个人站里也成立。访问者从哪里开始看，下一步自然会看哪里，遇到感兴趣的内容后怎么继续，读完之后还能不能回到文章列表，这些都是动线。

我不希望 Fox 的动线像迷宫。

首页先给识别，再给状态，再给内容入口。文章详情先给标题、摘要、日期和字数，再给封面和目录，然后进入正文。读完之后有标签，也有上一篇和下一篇。这个顺序很普通，但普通的顺序往往最可靠。

因为访问者不需要学习。

他只要顺着页面往下走。

很多看起来很酷的网站，问题就出在动线上。每一个局部都很惊艳，但你不知道该点哪里，也不知道自己在哪里。个人站不需要这样。它不是一次视觉表演，而是一段可以重复进入的阅读路径。

我希望 Fox 的前台体验，有一点像熟悉的房间。

第一次来的人不会迷路。

来过几次的人会知道自己常坐在哪里。

这比一瞬间的惊艳更难，也更值得。

所以我这次做 Fox v2，没有把问题理解成「首页怎么做得更漂亮」。

我更关心的是，它能不能让一个陌生人舒服地进入。

他不需要马上理解所有东西。

他只要先知道这里是谁的站，站主最近在做什么，有哪些内容可以继续看。再多走几步，他会看到文章里的思考，照片里的生活，杂谈里的近况。时间久一点，他会慢慢拼出一个人。

这比任何完整自我介绍都更可靠。

因为人不是靠一句话被理解的。

人是靠一次次留下的痕迹被理解的。

个人主页也一样。

它不是展示柜，不是简历，不是模板，不是一面挂满标签的墙。

它应该是一个入口。

一个让别人进入，也让我自己愿意回来的入口。

这就是我为什么要把 Fox v2 的前台体验重新做一遍。

不是为了证明我能做一个更复杂的首页。

是为了让这个站终于别那么像展示柜，开始像我的地方。