把个人网站做成一个入口，而不是展板

打开一个个人网站，先要回答的未必是“这个人有多厉害”，也可能只是“这里有什么值得读，我该从哪里进去”。这两个问题会把首页带向不同方向。我想把这个网站做成后一种入口：先用一小段文字说明是谁，再把文章和持续整理的笔记摆出来。首页负责指路，内容负责展开。

这不意味着展示经历或作品的方式不好。如果网站要帮助人迅速判断合作是否合适，项目说明、成果和履历都可能是必要信息。但这个网站目前没有把那件事作为首页的任务。既然希望读者进入文字，就不必先让读者经过一整套个人介绍。

这个网站的布局直接参考了 Lee Robinson 的个人网站，页面由 Codex 辅助实现。我保留了 Bio、Notes、Blogs 的组织方式和右侧画面，再调整自己的内容、中文排版与插画。这篇文章记录的，是我为什么保留这些结构，以及放弃了什么。

先决定首页让人做什么

个人宣传页很容易越加越满：一张身份卡、一组技能、一排项目，再补几项数字。每块内容单看都有理由，合在一起却会让首页同时要求人理解身份、比较能力、浏览作品和阅读文章。当这些内容还没有准备好时，页面也容易反过来催促人填满空格。

这里选择了更窄的范围。Bio 交代身份和关注的方向，Notes 与 Blogs 提供阅读入口；没有正文的栏目暂时不出现。少一块真实内容，就少一块展示，而不是找一个“敬请期待”把位置占住。页面可以短，内容也可以慢慢增加。一个入口不必因为还没有许多房间，就先把门厅做得很满。

姓名的处理也遵循同一个目的。页面只有 @JayFeng 这个主标识，“凯冰”在 Bio 中说明是笔名。如果把两个名字各做成一个醒目的标题，视觉上就多了一次介绍，读者还要判断它们是什么关系。把关系写进一句话，信息仍然完整，却不需要再增加一个层级。

把说明留给正文

在文章列表里增加摘要和封面，能帮助读者判断是否点击，但也会让每篇文章在首页上先讲一次。几篇文章放在一起，索引就变成了多段开场白；为了封面协调，还可能需要给每篇内容补上一件并不必要的视觉作品。

这里的 Blogs 只保留标题和真实发表日期。标题说明要谈什么，日期帮助理解它所处的时间。比如“把个人网站做成一个入口，而不是展板”，已经给出了一个可以进入的分歧。正文再解释“入口”具体意味着什么、为什么这样选，以及哪些情况不适用，不必把这些内容缩成另一段首页文案。

代价是明确的：信息较少，读者可能需要点进去才发现文章是否合适，标题也要承担更多责任。我愿意先接受这次点击的成本。以后如果文章之间确实难以区分，可以先把标题写得更具体，而不是默认给所有条目增加摘要。正文里的配图仍可以帮助解释问题，它只是不会再被拿到首页当作每篇文章的招牌。

两种文字，两种完成方式

在这个网站里，Notes 用来持续整理一个主题，Blogs 用来围绕一个具体问题展开完整讨论。主题笔记可以保留尚未想清楚的地方，但点击入口后，仍然应该有实际内容可读；“以后再补”不能是正文的全部。

这只是本站的组织方式。主题笔记不等于文章分类，也不必自动收进所有相关内容；文章与笔记之间的链接，可以随着内容增加再补。关于它们在写作过程中的分工，我另放在《写作与创作》中整理。

让画面有位置，也有边界

文字主导的首页不一定要把视觉全部拿掉。右侧的城市园景给页面一个可以停留的地方，也让大面积留白有了对应物。但它不承担证明身份的任务，没有项目图标或文字口号。它在首页中是一幅画，不是另一段必须阅读的说明。

运动也被限制在这个位置里。默认画面静止，悬停时云与植物才有局部变化；没有鼠标跟随或滚动驱动的表演。窄屏隐藏画面，把宽度留给文字。这意味着移动端少了一个鲜明的视觉记忆点，但也避免让装饰成为进入内容前的一整屏。

这种首页更适合把网站当作个人写作入口的情况：内容可以逐渐长出来，名字和介绍保持稳定，列表承担大部分导航。它不擅长迅速展示许多成果，也不会替一篇文章解释它为什么重要。需要让人比较案例、了解服务或作出合作决定时，就应重新判断首页的任务。对现在这个网站而言，首页最需要做到的是：读完 Bio，就能选择一篇内容；进入正文，能读到标题承诺的讨论。