你要带走的三件事

教学 Demo

组件拼首页。左边改，右边看。

首页不是一篇 Markdown，是一组带 discriminant 的区块。每个区块对应一个 React 组件。左侧改草稿，右侧立刻变。保存才写入 YAML。

为什么这样拆

把首页写成一篇长 Markdown，看起来快，改起来会变成一堆 if。 blocks 字段让每种区块有自己的字段表，Reader 吐出的就是 { discriminant, value }。渲染器用 switch 穷尽所有 discriminant，没有第三种数据源。

先把数据结构想清楚。组件只是那张表的投影。
教学注释不是一句口号，是这个仓库的组织方式

眉题

改左侧字段，右侧马上变。

打开「如何加一个首页区块」，按三步做完。做完你就懂这个主题了。