posts / 2026.10.12
把博客搬进一间小屋

搬博客这件事,拖了很久。旧站用了三年,功能不缺,但每次打开都觉得少了一点什么:它像一张打印整齐的表格,信息都在,却没有让人坐下来读的冲动。
这一回我想换个思路——不追求“更多功能”,而是先把“读起来舒不舒服”解决掉。
从一张纸开始
纸的颜色是最先定下来的。纯白太亮,灰白太冷,最后选了偏暖的米黄:白天看像旧书的扉页,晚上把亮度调低也不会刺眼。
然后是字。正文换成宋体之后,中文的骨架立刻立住了——笔画有粗细,句子有停顿,长段落读起来像一行行被人排过版。
排版不是装饰,它决定读者愿不愿意读第二段。
这句话被我写在了记事本第一页。它提醒我:所有的间距、色阶、字重,最后都要回答同一个问题——这段话好读吗?
三套配色
读者对光线的耐受程度差别很大,所以色板做了三套,随时可切:
- 暖黄:默认,护眼,适合长时间阅读
- 淡橙红:与站点名字相呼应,稍亮一点
- 淡蓝:冷静,夜里看比较舒服
切换只改变色值,不改结构,所以不会有“换了一套主题”的割裂感。
一点实现上的取舍
色值全部走 CSS 变量:
:root {
--bg: #fdfaf3;
--ink: #3d3529;
--accent: #b83c1f;
}
深色模式只覆盖变量,不动布局。这样以后再加一套配色,也只是多写二十行。
还有什么没做完
- 图片的说明文字还缺一个统一样式
- 移动端的目录抽屉想再加一个“回到顶部”
- 归档页的时间轴,想做成可以逐年折叠
事情就是这样,做完一件,就看见下一件。