READING TRAIL
博客开发
这个站点从内容模型、页面外壳、色彩系统到部署与运维的完整开发记录。
这里专门记录本站自身，不再让元开发文章混入一般工程、研究或实验主题。内容按照一条可复查的建设路径组织：先定义“文章与主题是什么”，再建立 full / minimal / none 外壳分级，随后处理封面、阅读控制、视觉令牌、粒子场、内容审计、搜索、隐私与 Cloudflare Pages 部署。
主题既保留设计判断，也保留工程证据。视觉实验若没有降级策略、部署文档若没有预检命令、内容自由度若没有构建约束，都只能算阶段性原型。
主题文章
MORE IN THIS SERIES
每篇文章都要有一张脸：真实封面与确定性校样图管线
从 Content Collection 的可选图片字段出发，一路追踪列表裁切、默认封面、OG 卡、alt 文本与构建期资产审计。
博客开发#封面系统#Astro#可访问性#资产管线
首页不是展示墙：一个可增长的索引抽屉怎样被做出来
当主题从四个增长到七个，原本的等高卡片如何失去比例；首页又如何用左宽右窄的索引与文章流容纳长期增长。
博客开发#首页#信息架构#响应式#交互设计
把个人博客从视觉原型收口为可部署工程
对照架构文档，说明内容路由、封面、构建审计、搜索、隐私、性能预算与 Cloudflare Pages 发布如何形成闭环。
博客开发#Astro#部署#内容工程
一次 undefined is not iterable 背后：三档页面路由如何失败又如何被固定
从主题 accent 缺失引发的真实崩溃出发，检查 Content Schema、构建期路由注入、full/minimal/none 隔离和容错边界。
博客开发#Astro#路由#TypeScript#故障复盘
不再像一个 AI 技术站：本站视觉重构的取舍账本
从深色渐变、玻璃卡和发光粒子的同质化出发，记录光谱批注场、色彩职责、版式比例与可降级动效如何被一次次收紧。
博客开发#视觉设计#色彩系统#交互#设计评审
文章是主体：把博客外壳变成可组合资源
从固定主题转向加法式页面装配，并让内容自由度与外壳自由度彼此独立。
博客开发#架构#Astro#MDX
主题不是皮肤：让配色成为多层渲染的共同数据
用语义 CSS 令牌同时驱动 DOM、背景 Canvas 与文章私有组件。
博客开发#CSS#设计令牌
把阅读控制权交还给读者
字号、行宽、沉浸开关与系统偏好如何共同构成长文阅读界面。
博客开发#排版#可访问性
粒子场
一个使用完整视口的 Canvas 流场实验，也是 chrome:none 文章的构建证明。
博客开发#Canvas#交互