朝花夕拾

重新开始写博客：一次暖白编辑风的自我改造

Sun, 02 Nov 2025 00:00:00 GMT

这个博客荒了两年，这次我决定认真重写一遍——不是换程序，而是换一种对待文字的态度。

过去它长得太像一个后台：满屏卡片、彩色徽章、侧栏塞满了小工具。技术上是热闹的，但每次打开都像在上班，而不是在读东西。所以我把它推倒，只留下一个问题：如果只为一篇长文服务，页面应该长什么样？

写字，是为了想清楚。排版，是为了让读者也想清楚。

为什么是「暖白编辑风」#

参考了一圈喜欢的站点之后，我把结论收敛成三件事：

暖白底比纯白更接近纸，长时间阅读眼睛不累；
大留白让每一段都有呼吸，信息密度向杂志看齐，而不是向仪表盘看齐；
单一强调色只出现在链接、当前导航和关键动作上，其余地方一律克制。

这三条听起来朴素，执行起来却要不断做减法：想加一个徽章的时候问一遍，想加一个轮播的时候再问一遍，大多数装饰就自己消失了。

接下来的更新节奏#

不立「周更」式的 flag，但给自己定了一条底线：每月至少一篇完整长文，短想法随手进随笔。写作的对手从来不是时间，而是「要写得足够好才能发」这个念头。

如果你也在重新打理自己的博客，推荐看看 giftee 的官网，它是我这次「暖白 + 大留白」方向的主要灵感来源之一。

Astro 内容管线速记：Content Collections 从入门到顺手

Sat, 18 Oct 2025 00:00:00 GMT

把博客搬到 Astro 之后，最让我安心的是内容管线：Markdown 不再是「随便放的文件」，而是有类型约束的数据源。

从 glob 到 getCollection#

以前常见的写法是拿 import.meta.glob 扫目录，再自己解析 frontmatter——校验全靠自觉。Content Collections 的思路是先声明 schema：

src/content.config.ts

1
import { defineCollection, z } from 'astro:content';
2
import { glob } from 'astro/loaders';
3

4
const blog = defineCollection({
5
  loader: glob({ pattern: '**/*.md', base: './src/content/blog' }),
6
  schema: z.object({
7
    title: z.string(),
8
    pubDate: z.coerce.date(),
9
    tags: z.array(z.string()).default([]),
10
  }),
11
});
12

13
export const collections = { blog };

少写一个必填字段，构建期直接报错，而不是上线后渲染出空白标题。这件事对懒人特别友好：schema 就是文档。

路由即数据#

文章页用 getStaticPaths 展开集合，参数就是 slug，构建完每个 URL 都是一张静态 HTML：

dist/posts/hello-again-warm-editorial/index.html

1
npx astro build
2
# dist/rss.xml

常用字段约定如下：

字段	类型	必填
`title`	string	✓
`pubDate`	date	✓
`tags`	string[]	可选

小结#

数据有 schema、路由静态展开、代码高亮交给 Shiki 在构建期做完——内容站的复杂度被框架吃掉了，剩下的时间可以专心写字。

暖白编辑风实战：把配色收敛成七个 token

Fri, 26 Sep 2025 00:00:00 GMT

全站的全部颜色：暖白底、墨色正文、次级灰、一个橘色 accent，再加三条结构色。

设计系统最容易失控的地方，不是没有规范，而是规范太多。这次的约束简单到近乎苛刻：全站只允许七个颜色变量出现裸值，组件里一律引用 token。

七个 token 的分工#

底色和正文构成阅读面；
次级灰负责日期、摘要和图注；
accent 只准出现在链接、当前态和小标签上；
边框线、卡片白、代码底三个结构色兜住层次。

对比度不是玄学：正文对底色至少 7<1>，次级文字和 accent 链接至少 4.5<1>，达不到就改色值，不许找借口。

一个诚实的坑#

橙色 accent（#E8590C）在暖白底上的对比度实测只有约 3.4<1>，拿来做小号正文链接并不达标。目前的取舍是链接一律带下划线、并控制它出现的场景；后续如果严格按 WCAG AA 验收，就要考虑把 accent 往深里压一档（比如 #D9480F 或更深）。

先把这个矛盾记录在这里，等整站跑完 Lighthouse 再回来对账——设计稿和实现不允许两边各自漂移。

散步、独处与长期主义

Sat, 30 Aug 2025 00:00:00 GMT

最近养成了一个新习惯：晚饭后出门走二十分钟，不带耳机，不想工作。

一开始只是想消化，走着走着发现这段路成了全天唯一「没有输入」的时间。没有播客往耳朵里灌观点，没有时间线往上滑焦虑，只有路灯、晚风和自己脚步的声音。奇怪的是，很多白天卡住的问题，反而在这段路上自己松开了。

节奏比强度重要#

可以慢，但不能停。

以前总想把周末过成冲刺日，计划排得满满当当，结果周一彻底报废。现在改成每天都留一点余量：工作日走二十分钟，周末也只走四十分钟，不贪。

节奏一旦稳定，坚持就不再需要意志力了——它会变成像刷牙一样的默认动作。

长期主义的最小单位#

长期主义听起来宏大，落到日常其实就是：今天写三行也行，读两页也行，但要碰一下。

散步教会我的事差不多也是这个。不需要每天都走得远，只需要每天都出门。

都 2025 了，我为什么还写 RSS

Sat, 09 Aug 2025 00:00:00 GMT

给博客配上了 /rss.xml，顺手聊聊为什么这东西还值得维护。

理由其实就三条：

它是读者主动的订阅，内容直达阅读器，不经过任何算法的手；
它迫使内容拥有稳定的结构和永久的链接，客观上治好了「随手改 URL」的坏习惯；
它的成本几乎为零：一条 XML 而已，构建时顺手生成。

社交平台的热闹像潮水，涨得快退得也快；RSS 更像一根水管——细，但一直在流。如果你也在写博客，把它配上吧，读者会用的。

编辑感从哪里来：三条排版小抄

Mon, 21 Jul 2025 00:00:00 GMT

「编辑感」这个词很虚，拆开其实是几个具体的小动作。这篇把我在用的三块积木记下来。

三块积木#

首字下沉只用在每篇的第一段，衬线字体、三行高，多一行都嫌吵。它的作用像书籍章节的开场铃，告诉读者：正文正式开始了。

Pull quote 是从杂志借来的：左侧一道细竖线，衬线斜体，像编辑忍不住在页边写下的一句话。

排版的克制，本质是对读者的体贴。

细线分隔代替一切花哨的分割装饰：一像素的 border，够了。屏幕上的线越细，纸感越强。

使用分寸#

一篇文章至多一处 pull quote，两处就成了喊叫；
分隔线前后各留三行的高度，让它有时间呼吸；
图注永远左对齐，字号小一号，颜色降一级。

做到这三条，普通的 Markdown 立刻精神很多。剩下的质感，交给留白和时间。