本站特色

为中文调过的排版

字号、行高、字距都按中文阅读习惯重新调过，长文读起来不累；标题和正文各用一套字体，层次清楚。

手机到宽屏都顺手

一套代码适配 360px 到 1680px，窄屏时侧栏自动收成抽屉，用手指滑着读也不别扭。

打开就快

没有框架、没有构建链，图标和样式都在本地，首屏几乎零等待；不需要服务器也能本地预览。

结构清晰好改

配色、字体、尺寸集中在 SCSS 变量里，换一套视觉只改一个文件；页面结构简单，改文案不用碰代码。

最近文章

中文排版配图

中文排版的三个隐形规则

字号、行高、字距，中文比西文敏感得多。这篇整理我在实际项目里反复验证的三条经验，以及几个常见的反例。

静态站点配图

我为什么把博客迁到静态站点

从动态博客搬到纯静态，省下的是服务器，多出来的是可控性：没有插件升级，没有数据库备份，改一行就是一页。

写作环境配图

十分钟搭好一个能用的写作环境

不需要复杂工具链：一个文件夹、一个编辑器、一个本地预览服务就够了。剩下的时间留给写字，而不是折腾工具。

深色模式配图

深色模式不是把颜色反过来

对比度、层级和图片处理，才是暗色主题真正的难点。把白色换成黑色只能算完成了一半。

排版入门配图

写给前端新人的排版入门

从 margin 到字距，先把「读起来舒服」这件事做对，再谈设计感。这篇是给同事的入门笔记，顺便分享出来。

写作复盘配图

写了三年、两百篇之后

关于坚持、选题和读者，一些不太成熟但足够真实的体会。写作这件事，最后拼的是能不能持续写下去。