OPERATOR FILE // 2026

VOYAGER 旅人

FRONTEND DEVELOPER / WRITER

[前端工程师 · 写字的人]

在这里记录构建与远行：把折腾过的技术写成档案，把走过的城市存成坐标。

风格是外壳，内容是骨头。

// 01 / 05 SCROLL ▼

UPDATED 2026 // 10 / 12 ARTICLES 006 WORKS 03+ STATUS ACTIVE

// 02 LATEST LOG 最新档案

不依赖任何 CSS 框架，只靠一两个文件里的自定义属性，把整站的颜色、字阶、间距和动效全部收进 token 管理。这是一份可复制的最小实践。

把一个游戏官网的 238KB HTML 和 24KB 生产 CSS 抓下来做正则统计，数出它用了几种字号、几种颜色、几条缓动曲线。结论：所谓酷炫，本质是一套极严格的排版系统。

性能不靠感觉靠预算：把首屏 JS、CSS、LCP、CLS 写成数字，塞进 CI，不达标就不许上线。个人博客更该如此，因为没人替你盯性能。

无后端的站内搜索怎么做？对比了 Algolia 和自建索引后选了 Pagefind：构建期生成索引分片，浏览器按需加载，几百篇文章的搜索体积只有几十 KB。

Markdown 的 frontmatter 没有 schema 时，错误会潜伏到上线之后。用 Astro 内容集合 + zod，把字段校验提前到构建期：缺 summary 就直接构建失败。

不依赖任何 CSS 框架，只靠一两个文件里的自定义属性，把整站的颜色、字阶、间距和动效全部收进 token 管理。这是一份可复制的最小实践。