图标、颜色与主题

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

标题、图标和徽标

A GitBook screenshot showing title, icon and logo customization

标题

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

图标

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

circle-info

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

自定义徽标 (高级版和终极版)

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

circle-info

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

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

主题

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

A GitBook screenshot showing theme options

简洁

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

柔和

一种对比度较低、更为典雅的主题。站点背景更明显并与前景融合,某些元素呈现反色外观——所有这些都基于您的主色(或色调)。 &#xNAN;柔和主题适用于所有站点。

加粗 (高级版和终极版)

一种高冲击力的主题,具有醒目的颜色和强烈的对比度。您的主色(或色调)将用于站点头部,其他高亮元素(如图标)也会随之着色。 &#xNAN;大胆主题仅适用于高级版或终极版站点。

渐变 (高级版和终极版)

一种引领潮流的主题,具有渐变背景和色彩点缀。渐变和高亮元素将由您的主色(或色调)着色。 &#xNAN;渐变主题仅适用于高级版或终极版站点。

颜色

A GitBook screenshot showing color customization

主色

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

色调颜色

站点的色调颜色会微妙地改变整个站点中所有文本和图标的颜色——包括头部链接、图标颜色以及类似 提问或搜索 栏的界面元素。色调颜色将 不是 影响导航元素,如链接和按钮,这些元素始终使用主色。在 色调颜色 部分,您将看到基于主色选择的建议颜色;您可以选择其中一种进行预览,选择将主色用作色调,或使用颜色选择器挑选完全自定义的颜色。

语义颜色

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

模式

显示模式切换

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

默认模式

选择访客默认看到您的内容为浅色还是深色模式。如果 显示模式切换 已启用,他们可以切换模式;如果禁用,他们将只能看到您在此处选择的模式。

注意:要在 GitBook 应用中更改主题,请前往侧边栏底部的设置菜单。

站点样式

A GitBook screenshot showing site style settings

字体系列 (高级版和终极版)

从精选的流行选项列表中为已发布内容选择字体系列。

自定义字体 (终极版)

上传您自己的字体,以使已发布内容与您品牌的样式指南保持一致。要上传字体,请点击 添加自定义字体 并按照说明操作。您必须为常规和粗体权重都上传字体文件。

GitBook 当前支持 .woff 并且 .woff2。对于其他格式,请联系 support@gitbook.comenvelope.

图标 (高级版和终极版)

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

角落样式

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

链接样式

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

  • 默认: 用主色或色调高亮整个链接。

  • 强调: 为链接添加彩色下划线,而保持文本颜色不变。

侧边栏样式

A GitBook screenshot showing sidebar style options

背景样式

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

列表样式

选择侧边栏列表及其选中项的样式。

最后更新于

这有帮助吗?