← 笔记

为什么我把个人网站做成了一册书

2026 年 10 月 17 日 · 约 2 分钟 · 设计 / 随笔

之前的站,问题在哪#

旧版网站是典型的「模板感作品集」:深色底、渐变标题、发光卡片、emoji 当封面。它有三 个根本问题:

  1. 视觉噪音盖过了内容。看三秒很酷,看三十秒就累。
  2. 结构撑不住写作。整个站只有「项目」一个主角,可我真正想长期做的是记笔记。
  3. 和我要表达的东西无关。我做 AI 应用,但渐变和光晕不会证明这一点——内容本身才会。

新的方向:一本书,而不是一张海报#

改版时参考了 leerob.io 的思路,它给我最大的启发不是某段代码,而是一个判断:个人网站的核心是内容系统,不是视觉包装。它的做法很极致——60ch 单栏、纯文字、零装饰。

但我没有完全照搬。全盘的冷淡放在中文语境里会显得寡淡,所以我保留了它的克制,加了一层自己的东西:

  • 宣纸底色。不用纯白,用带纤维纹理的暖纸色,长文阅读不刺眼。
  • 竖排题跋。首屏右侧随机出现一句古诗词,楷体竖排,每次刷新换一句,点一下可以再换。这是整个站的「印章位」。
  • 唯一的强调色是朱砂。只用在链接下划线、章节编号和一枚小印章上,其余全是墨色层次。
  • 内容即代码。每篇笔记是仓库里的一个 .mdx 文件,没有后台,没有数据库,构建即发布。

几个具体的取舍#

字体:没有引入任何中文 webfont——全量字体的体积对一个个人站来说太奢侈了。标题和正文走系统宋体栈,题跋用楷体栈,英文数字用衬线。代价是不同系统下的观感略有差异,我认为可以接受。

水墨素材:AI 生成的淡墨纹理只做两层——全站固定的宣纸底纹,和首页一条横幅。克制的原因很简单:素材一旦抢戏,整站就变味了。

深色模式:夜间不是简单的反色,而是单独调的「墨夜」色板——墨色底、米色字,纹理层几乎隐去。

接下来#

把笔记的写作节奏固定下来:项目复盘写进项目页,过程中的零碎思考写进这里。网站会一直改,但它该有的样子已经定了——

一册一直在写的书,而不是一张做完就不管的海报。