图标、颜色与主题

自定义图标、颜色、主题等。

标题、图标和徽标

A GitBook screenshot showing title, icon and logo customization

标题

您可以为您的空间设置任意标题。注意:此设置只会影响在已发布文档中显示的标题 在已发布的文档中。如果您想在 GitBook 应用中编辑标题,请关闭自定义菜单并在空间顶部进行编辑。

图标

您可以设置表情符号,或上传自己的图标。您在 自定义 菜单中设置的图标将作为文档站点的网站图标(favicon)。

此设置只会影响显示的图标 在已发布的文档中。如果您想编辑在 GitBook 应用内使用的图标,可以在空间中编辑内容时进行设置。

自定义徽标 (Premium 与 Ultimate)

您可以替换 两者 已发布空间的标题和图标为自定义徽标,让您的文档更符合您自己的品牌——您可以上传两个版本:一个用于浅色模式,一个用于深色模式。

图标选项和徽标选项有什么区别?

图标设置允许您上传一个小型的 132×132 px 图像,该图像将 显示在 您的空间标题旁,并作为您站点的 favicon。自定义徽标选项允许您上传更大图像(我们建议至少 600 px 宽),它将完全替换您已设置的任何图标和标题。

主题

主题让您可以为已发布内容的浅色与深色模式自定义配色方案。共有四种主题可供选择。站点的颜色将直接受您选择的 主色 并且 色调 的影响。这两个选项会影响界面各个部分,并能完全改变站点的外观和感觉。

A GitBook screenshot showing theme options

简洁(Clean)

一个以半透明和极简元素为特色的现代主题。您的主色(或色调)会影响链接和其他高亮界面元素的样式。 简洁主题可用于所有站点,且为默认主题。

柔和(Muted)

一种降低元素对比度的精致主题。站点背景更为明显并与前景融合,且某些元素呈现反转外观——所有这些都基于您的主色(或色调)。 柔和主题可用于所有站点。

加粗 (Premium 与 Ultimate)

大胆(Bold) 一种具有突出演色和强烈对比的高冲击力主题。您的主色(或色调)将用于站点的页眉,其他高亮元素如图标也会随之着色。

仅适用于 Premium 或 Ultimate 站点的 Gradient(渐变) (Premium 与 Ultimate)

渐变(Gradient) 一种引领潮流的主题,具有渐变背景和色彩点缀。渐变和高亮元素将由您的主色(或色调)着色。

渐变主题仅适用于 Premium 或 Ultimate 站点。

A GitBook screenshot showing color customization

颜色

主色

您站点的主色会影响高亮界面项和导航元素的样式,例如链接、当前页面和章节、面包屑以及主要页眉按钮。如果与背景的对比度过低或访问者的系统请求更高对比度,GitBook 会自动调整各个元素的颜色以保证可读性。

色调(Tint)颜色 提问或搜索 您站点的色调颜色会微妙地改变整个站点所有文本和图标的颜色——包括页眉链接、图标颜色以及像 不得 栏这样的 UI 元素。色调颜色会 您站点的主色会影响高亮界面项和导航元素的样式,例如链接、当前页面和章节、面包屑以及主要页眉按钮。如果与背景的对比度过低或访问者的系统请求更高对比度,GitBook 会自动调整各个元素的颜色以保证可读性。 影响例如链接和按钮之类的导航元素,而这些元素始终使用主色。在

部分,您将看到基于主色选择的建议颜色;您可以选择其中一个进行预览,将主色设为您的色调,或使用取色器选择完全自定义的颜色。

语义颜色

语义颜色应用于已发布内容中的提示块。您可以更改每种提示样式的背景颜色;这些更改只会反映在您正在自定义的已发布站点上。GitBook 编辑器中的提示块将始终保留它们分配的颜色。

模式

显示模式切换

如果您希望访客手动在浅色和深色模式之间切换,请启用此项。读者可以在任何已发布页面的底部(桌面和移动端)找到切换按钮。

默认模式 模式 选择访客默认看到的内容是浅色还是深色模式。如果

已启用,他们可以切换模式;如果禁用,他们将只能看到您在此处选择的模式。

注意:要在 GitBook 应用内更改主题,请转到侧栏底部的设置菜单。

A GitBook screenshot showing site style settings

站点样式 (Premium 与 Ultimate)

字体系列

从精选的常用选项列表中为已发布内容选择字体系列。 自定义字体

(Ultimate) 上传您自己的字体以使已发布内容与您品牌的风格指南一致。要上传字体,请点击 添加自定义字体

并按照说明操作。您必须同时上传常规和粗体两种字重的字体文件。 GitBook 当前支持 并且 .woff.woff2 。对于其他格式,请联系.

图标 (Premium 与 Ultimate)

support@gitbook.com

使用页面图标时,请在此处设置所显示图标的字重和样式。

角样式

选择圆角或直角以匹配您的品牌风格偏好。

链接样式

  • 在两种链接设计之间选择: 默认:

  • 用您的主色或色调对整个链接进行高亮。 强调(Accent):

为链接添加有颜色的下划线,同时保持文本颜色不变。

A GitBook screenshot showing sidebar style options

侧栏样式

背景样式

为侧栏容器选择背景样式。颜色来源于您选择的主题。

列表样式

最后更新于

这有帮助吗?