自定义

此章节向你演示常见的自定义需求涉及的相关代码。

自定义样式的方式

你可以在自己文档内的 .vuepress/styles 文件夹下放置三个文件进行样式配置。

• index.scss: 你可以在这里通过 CSS 或 SCSS 语法放置自己的样式以对主题的外观进行自定义。

  填入的样式会注入到主题和插件样式的后部。

• config.scss: 你可以在这里设置一些样式相关变量，包括响应式断点、容器类名、代码主题等。

• palette.scss: 你可以在这里设置一些颜色和布局的相关变量，比如主题色、背景色、导航栏高度等。

上述文件支持的完整配置列表详见 配置 → 样式。

基础教程

• 自定义颜色

• 自定义字体

• 自定义特效

• 自定义布局

• 使用预设

• 添加外部脚本和样式

高级使用

• 客户端配置文件

• 替换主题组件

• 主题继承