用 CSS 变量搭一套设计系统
不依赖任何 CSS 框架，只靠一两个文件里的自定义属性，把整站的颜色、字阶、间距和动效全部收进 token 管理。这是一份可复制的最小实践。
TAGS // FRONTEND
前端
性能预算：给博客上枷锁
性能不靠感觉靠预算：把首屏 JS、CSS、LCP、CLS 写成数字，塞进 CI，不达标就不许上线。个人博客更该如此，因为没人替你盯性能。
静态站搜索方案：Pagefind 实践
无后端的站内搜索怎么做？对比了 Algolia 和自建索引后选了 Pagefind：构建期生成索引分片，浏览器按需加载，几百篇文章的搜索体积只有几十 KB。
Astro 内容集合与 zod 校验
Markdown 的 frontmatter 没有 schema 时，错误会潜伏到上线之后。用 Astro 内容集合 + zod，把字段校验提前到构建期：缺 summary 就直接构建失败。