建站纪事 / 07/2026 · 09 · 18/4 分钟阅读
第一块地基
建立 Next.js、MDX、主题系统和页面转场,确定墨色、液态青与纸张色组成的视觉语言。
Next.jsSystem
01
先建立可以变化的结构
项目最初的目标不是完成一张首页,而是让以后新增文章、实验和项目时不必重新搭建导航、主题与内容管线。
02
内容与界面分开
MDX 负责长文,结构化数据负责项目与系统入口,组件只处理呈现和交互。这个边界让内容增长不会直接增加界面维护成本。
03
视觉令牌先于页面
颜色、边框、纸张和墨色先被定义为令牌,再进入具体页面。深色模式因此不是另一套设计,而是同一套关系的重新映射。