返回建站纪事
建站纪事 / 07/2026 · 09 · 18/4 分钟阅读

第一块地基

建立 Next.js、MDX、主题系统和页面转场,确定墨色、液态青与纸张色组成的视觉语言。

Next.jsSystem

01

先建立可以变化的结构

项目最初的目标不是完成一张首页,而是让以后新增文章、实验和项目时不必重新搭建导航、主题与内容管线。

02

内容与界面分开

MDX 负责长文,结构化数据负责项目与系统入口,组件只处理呈现和交互。这个边界让内容增长不会直接增加界面维护成本。

03

视觉令牌先于页面

颜色、边框、纸张和墨色先被定义为令牌,再进入具体页面。深色模式因此不是另一套设计,而是同一套关系的重新映射。