两种搭建方式，按内容需求选择
同一套设计系统下，可以先用标准区块快速成型，也可以在外壳内用自定义 HTML 处理特殊版式。下面按几个实际关注点做对照，方便在动手前先确认方向。
标准区块搭建
用主题已注册的区块与 Block Style 组合页面结构，内容与视觉都在编辑器内完成。
- 适合的内容
常规落地页、栏目页与图文排版。 - 编辑方式
标题、段落、列表、图片均可直接可视化修改。 - 样式来源
复用主题组件类与设计 Token，站点风格保持一致。 - 后续维护
结构清晰，改内容时不需要触碰代码。
自定义 HTML 布局
在 Section + Container 外壳内使用主题 .eth-grid 与组件类，表达标准区块难以还原的排版。
- 适合的内容
特殊版式、精细对齐与一次性的视觉模块。 - 编辑方式
文字仍是语义标签，视觉规则写在页面级 CSS。 - 样式来源
复用同一套语义变量，不额外引入新的品牌色。 - 后续维护
灵活度更高，需要同步维护局部 CSS。
四项核心能力，从内容建模到协作发布
每个模块都可以单独启用，也能组合成一条完整的建站流程。下面是它们各自解决的问题。
内容建模
用自定义内容类型和字段，把文章、案例、产品整理成结构化数据，前台按同一套字段渲染，不必为每个栏目单独写模板。
区块与模板
先用标准区块搭出页面骨架，再把常用组合保存成模板片段。新页面直接套用，改动片段即可同步到所有引用它的页面。
设计变量
颜色、间距、字号与圆角都从主题变量取值，调整时只改一处；浅色与深色区块、移动端的列折叠由容器和栅格自动处理。
协作与发布
编辑、审核、发布分角色进行，草稿可先预览，发布前能对比版本差异；配合排期，内容可以按计划上线。
占位指标，等待替换为可核实的数据
这一版只搭建结构与排版：下面每个数值都是占位符，不代表任何真实结果。请在发布前替换为可复查的数据，或直接删除该项指标。
00%
指标 A
说明这个指标衡量什么，以及它的统计口径与时间范围。
00%
指标 B
写清数据来源（后台、报表或第三方工具），便于他人自行复查。
00%
指标 C
注明更新频率，避免读者把旧数据当成当前状态。
00%
指标 D
如果暂时拿不到可靠来源，保留占位或删掉这一项。
可信度陈述
页面只呈现可被复查的数据：每项指标都应标注来源、口径与时间范围；无法核实的数字，我们宁可留白，也不把它写成结论。
占位指标，等待替换为可核实的数据
这一版只搭建结构与排版：下面每个数值都是占位符，不代表任何真实结果。请在发布前替换为可复查的数据，或直接删除该项指标。
00%
指标 A
说明这个指标衡量什么，以及它的统计口径与时间范围。
00%
指标 B
写清数据来源（后台、报表或第三方工具），便于他人自行复查。
00%
指标 C
注明更新频率，避免读者把旧数据当成当前状态。
00%
指标 D
如果暂时拿不到可靠来源，保留占位或删掉这一项。
可信度陈述
页面只呈现可被复查的数据：每项指标都应标注来源、口径与时间范围；无法核实的数字，我们宁可留白，也不把它写成结论。
四项核心能力，从内容建模到协作发布
每个模块都可以单独启用，也能组合成一条完整的建站流程。下面是它们各自解决的问题。
结构化内容类型
先定义字段与关系，再决定页面怎么呈现，内容不必被某一版版式绑死。
- 自定义字段与分类法
- 可复用的内容模板
统一的设计变量
颜色、间距、圆角与字号全部走主题变量，调整一处即可全站生效。
- 语义化的颜色 token
- 区块样式预设
可视化编辑与评审
标题、段落、列表与图片保持可直接编辑，结构与样式分开维护。
- 区块树内直接修改
- 样式不写死进内容
从草稿到上线
模板、区块与设计变量一起进入发布流程，迭代和回溯都有据可查。
- 模板化的页面结构
- 变更记录可回溯