定制外观

字体预设、配色与样式覆盖。

OINK 的外观定制建立在语义化 CSS 自定义属性之上:站点覆盖少量变量即可换肤,不需要复制主题的组件选择器。

本章内容

定制的优先级

从低到高:

  1. 主题默认值
  2. 预设(typography.preset
  3. _variables_project.scss 里的 Sass 变量
  4. _styles_project.scss 里的自定义属性覆盖

站点设置永远优先于预设默认值。

字体预设

用语义化字体角色换字体,不必复制主题的组件选择器。

外观与风格

定制主题、字体、代码样式与页面布局。

高级定制

通过兼容 Docsy 的 Sass 输入与 OINK 语义 token 定制字体和局部视觉样式。