静态优先：内容站的预渲染、水合与边缘 API
正文在构建时渲染成完整 HTML，交互在水合后接管，登录与评论交给同一个 Worker。记录这个博客的架构取舍，以及为水合一致性处理的那些细节。
Waylan 的个人博客
系统、软件与技术实践
记录操作系统、软件工具、网络服务、脚本自动化和新技术体验。
最新内容
全部内容
用 stroke-dasharray 把一条 SVG 路径变成点阵
不需要 Canvas，也不需要额外的图片。把虚线的线段长度设为接近零，再配合圆形端点，一条 SVG 路径就会变成一串均匀的圆点。
设计 token 的三层结构：让多主题不再是第二套样式
深色模式之所以难维护，往往是因为颜色直接写在了组件里。把 token 分成原始值、语义与组件三层，主题切换就只是换一组映射。
Waylan 技术博客
你正在浏览的这个网站。静态预渲染的 React 应用，部署在 Cloudflare Workers 上，支持私人划线、段落级批注，以及基于 GitHub Discussions 的公开讨论。
- React
- TypeScript
- Vite
- Cloudflare Workers
- D1
开发日志：批注锚点的改稿迁移
这周把批注的定位从“只认字符偏移”改成了“块标识 + 原文 + 前后文”的三段式查找，并补上了原文已变化时的展示。