之前的站,问题在哪#
旧版网站是典型的「模板感作品集」:深色底、渐变标题、发光卡片、emoji 当封面。它有三 个根本问题:
- 视觉噪音盖过了内容。看三秒很酷,看三十秒就累。
- 结构撑不住写作。整个站只有「项目」一个主角,可我真正想长期做的是记笔记。
- 和我要表达的东西无关。我做 AI 应用,但渐变和光晕不会证明这一点——内容本身才会。
新的方向:一本书,而不是一张海报#
改版时参考了 leerob.io 的思路,它给我最大的启发不是某段代码,而是一个判断:个人网站的核心是内容系统,不是视觉包装。它的做法很极致——60ch 单栏、纯文字、零装饰。
但我没有完全照搬。全盘的冷淡放在中文语境里会显得寡淡,所以我保留了它的克制,加了一层自己的东西:
- 宣纸底色。不用纯白,用带纤维纹理的暖纸色,长文阅读不刺眼。
- 竖排题跋。首屏右侧随机出现一句古诗词,楷体竖排,每次刷新换一句,点一下可以再换。这是整个站的「印章位」。
- 唯一的强调色是朱砂。只用在链接下划线、章节编号和一枚小印章上,其余全是墨色层次。
- 内容即代码。每篇笔记是仓库里的一个
.mdx文件,没有后台,没有数据库,构建即发布。
几个具体的取舍#
字体:没有引入任何中文 webfont——全量字体的体积对一个个人站来说太奢侈了。标题和正文走系统宋体栈,题跋用楷体栈,英文数字用衬线。代价是不同系统下的观感略有差异,我认为可以接受。
水墨素材:AI 生成的淡墨纹理只做两层——全站固定的宣纸底纹,和首页一条横幅。克制的原因很简单:素材一旦抢戏,整站就变味了。
深色模式:夜间不是简单的反色,而是单独调的「墨夜」色板——墨色底、米色字,纹理层几乎隐去。
接下来#
把笔记的写作节奏固定下来:项目复盘写进项目页,过程中的零碎思考写进这里。网站会一直改,但它该有的样子已经定了——
一册一直在写的书,而不是一张做完就不管的海报。