用 Astro 重写我的博客：一次关于「少即是多」的实践

上一版博客是用一个全功能前端框架搭的，构建产物里塞满了我根本用不到的运行时。每次写完一篇文章，看着几百 KB 的 JavaScript 被推给只想安静读字的读者，我都觉得哪里不太对。

于是我决定推倒重来，这一次，我想让内容回到中心。

为什么是 Astro

选型时我比较了几个方案，最终选择 Astro 的理由很简单：它默认不向浏览器发送 JavaScript。对一个以文字为主的博客来说，这正是我想要的起点——需要交互时再按需加进来。

工具是为了让人忘记工具。当技术栈安静地退到背后，写作这件事本身才会浮现出来。

把设计沉淀成 Token

重写过程中收获最大的，其实是把所有视觉决策收敛成一组 CSS 变量。颜色、字体、间距都只有一个出处，改一处、全站生效：

:root {
  --bg: #f7f5ef;       /* 暖羊皮纸背景 */
  --text: #2b2a26;     /* 暖近黑正文  */
  --accent: #1b365d;   /* 克制的墨蓝  */
  --measure: 680px;    /* 舒适阅读宽度 */
}

正文里偶尔出现的行内代码，比如 npm create astro@latest，也沿用同一套等宽字体与边框风格，保持整页的一致质感。

关于阅读体验的几个细节

行高定在 1.85，给中文长文足够的呼吸感；
阅读栏宽度锁在 680px，每行约 30–40 个汉字最舒服；
强调色只用在链接和极少数关键处，全页占比不超过 5%。

重写之后，首页的 JavaScript 体积从几百 KB 降到了几乎为零，而我每次坐下来写字时的心理负担，也跟着轻了不少。

如果你也想做一个安静的个人博客，少即是多，慢慢来。