跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

定制知识库主题

上次更新时间: 2025年6月12日

可与以下任何订阅一起使用,除非另有说明:

Service Hub   Professional , Enterprise

通过在主题编辑器中选择布局和配置主题,可以自定义知识库的外观。您还可以查看知识库主题在模板、不同语言和不同屏幕尺寸下的显示效果。

开始之前

在开始使用该功能之前,请务必充分了解应提前采取的步骤,以及该功能的限制和使用该功能的潜在后果。

了解要求

确认您拥有以下用户权限之一:

了解局限性和注意事项

  • 您不能在设计管理器中自定义知识库或使用自定义主题。

查看知识库主题

创建知识库后,您可以在主题编辑器中查看主题的外观。您可以查看主题在不同模板语言屏幕尺寸下的外观。

  • 查看包含示例内容的知识库模板:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左上角的 "查看"下拉菜单并选择模板。对主题的更改将应用于所有知识库模板。
  • 查看带有示例内容的不同语言知识库模板:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左上角的 "查看"下拉菜单并选择模板。对主题的更改将应用于所有知识库模板。
    4. 单击左上角第二个下拉菜单,选择语言
  • 查看不同屏幕尺寸的知识库模板和示例内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"
    3. 单击编辑器顶部的设备图标,或输入以像素为单位的屏幕宽度

theme-editor-for-knowledge-bases

编辑知识库主题的样式

您可以自定义主题的样式,包括颜色排版布局页眉页脚

编辑知识库主题的颜色

  • 编辑知识库主题中使用的颜色:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 主题编辑器单击左侧边栏的 "颜色 "下拉菜单。
    4. 输入十六进制值,或从颜色选择器中选择主色 强调色和主体背景色。 您的 品牌颜色 将显示在每个选项中。
  • 完成知识库主题颜色编辑后,单击右上角的发布主题

编辑知识库主题的排版

  • 编辑知识库主题中的排版:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 主题编辑器单击左侧边栏的排版 下拉菜单。
    4. 在左侧边栏的主要 次要 部分,选择字体字体 颜色字体 样式(如浅色粗体常规)。 每个选项都将显示品牌字体品牌颜色
    5. 在左侧边栏的标题(H1-H6)部分,选择字体字体大小字体颜色字体样式浅色粗体常规大小写 转换(如大写大写 小写)。
    6. 在左侧边栏的正文链接部分 选择基本字体字体大小字体颜色字体样式(如浅色粗体常规)。
  • 完成知识库主题排版编辑后,单击右上角的发布主题

编辑知识库主题的布局

  • 自定义知识库主题的布局样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 主题编辑器单击左侧边栏的布局 部分。
    4. 单击布局选项。不同的布局选项将支持不同的样式选项。
  • 完成知识库主题布局编辑后,单击右上角的发布主题

编辑知识库主题的标题样式

您可以编辑知识库主题的标题样式,包括标题宽度顶部栏语言切换器菜单按钮搜索栏样式。您还可以编辑这些元素的颜色、字体和悬停样式。

  • 在知识库主题中编辑页眉宽度:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的标题
    4. 标题宽度字段中,选择全宽内容宽度
  • 编辑知识库主题中的页眉顶栏样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的 "页眉"。
    1. 在 "标题"部分,单击 "顶栏"。
    2. 顶栏部分,在颜色选择器中选择背景颜色,或在背景颜色字段中输入十六进制代码值。要编辑字体,请单击基本字体悬浮字体字段的字体字体颜色字体样式
  • 编辑知识库主题中的页眉语言切换器样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的 "页眉"。
    1. 在 "标题"部分,单击 "语言切换器"。
    1. 语言切换器部分,单击下拉菜单。
    2. 在 "下拉菜单"部分,单击 "背景"。
    3. 在 "背景"部分,在颜色选择器中选择颜色,或为颜色悬停字段输入十六进制代码
  • 编辑知识库主题中的标题菜单样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的 "页眉"。
    1. 在 "标题"部分,单击 "菜单"。
    2. 菜单部分,单击下拉菜单,然后单击背景文本
      • 在 "背景"部分,在颜色选择器中选择颜色,或在颜色悬停字段中输入十六进制代码值
      • 文本部分,选择字体字体颜色字体样式
    3. 在菜单部分,单击文本背景
      • 文本部分,为基本字体悬浮字体字段选择字体字体颜色字体样式
      • 背景部分,在颜色选择器中选择颜色,或为颜色字段输入十六进制代码值
  • 在知识库主题中编辑页眉按钮样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的 "页眉"。
    4. 在 "标题"部分,单击 "按钮"。
    5. 在 "按钮"部分,单击文本 背景边框 边角 悬停。
      • 在 "文本 "部分,选择字体字体大小字体颜色字体样式(如浅色、粗体、常规)和大小写 转换(如大写、大写、小写)。
      • 在 "背景"部分,在颜色选择器中选择颜色,或在颜色字段中输入十六进制代码值
      • 边框部分,在样式字段中选择边框样式
      • 要编辑悬停样式,请单击悬停,然后单击文本背景边框
        • 在 "文本"部分,选择字体、字号、字体颜色字体样式(如浅色、粗体、常规)和大小写 转换(如大写、大写、小写)。
        • 在 "背景"部分,在颜色选择器中选择颜色,或在颜色字段中输入十六进制代码值
        • 边框部分,在样式字段中选择边框样式
  • 编辑知识库主题中的标题搜索栏样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的 "页眉"。
    4. 在 "标题"部分,单击 "搜索栏"。
    5. 在 "搜索栏 "部分,单击 "背景"、"标签文本"或 "输入"。
      • 在 "背景 "部分,选择背景类型,并在颜色选择器中选择颜色或输入十六进制代码值
      • 在 "标签文本"部分,选择字体字体大小字体颜色字体样式(如浅色粗体常规)。
      • 输入部分,为文本颜色按钮颜色图标颜色 字段在颜色选择器中选择颜色或输入十六进制代码值
  • 完成知识库主题标题样式的编辑后,单击右上角的 "发布主题"。

编辑知识库主题的页脚样式

您可以编辑知识库主题的页脚样式,包括页脚宽度背景菜单文本社交图标。您还可以编辑这些元素的颜色、字体和悬停样式。

  • 在知识库主题中编辑页脚宽度:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的页脚
    4. 在 "页脚"部分,单击 "全宽"或 "内容宽度"。
  • 编辑知识库主题中的页脚背景:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的页脚
    4. 在 "页脚"部分,在颜色选择器中选择一种颜色,或在 "背景"字段中输入十六进制代码值
  • 编辑知识库主题中的页脚菜单样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的页脚
    4. 页脚部分,单击菜单。
    5. 基本字体悬浮字体字段中选择字体字体颜色字体样式(如浅色粗体常规)。
  • 在知识库主题中编辑页脚文本样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的页脚
    4. 在 "页脚"部分,单击 "文本"。
    5. 字体字段中选择字体字体大小字体颜色字体样式(如浅色粗体常规)。
  • 在知识库主题中编辑页脚社交图标样式:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
    3. 单击左侧边栏中的页脚
    4. 页脚部分,单击社交图标。
      • 要更改社交图标大小,请单击图标大小下拉菜单并选择普通
      • 要更改社交图标形状,请单击图标形状下拉菜单并选择圆形方形
      • 要更改社交图标颜色,请在颜色选择器中选择颜色,或在图标颜色字段中输入十六进制代码值
      • 要更改社交图标的背景颜色,请在颜色选择器中选择颜色,或在背景字段中输入十六进制代码值
      • 要更改社交图标对齐方式,请单击对齐方式字段中的blockAlignmentLeftIcon 对齐blockAlignmentCenterIcon 居中 对齐blockAlignmentRightIcon 对齐图标。
  • 完成知识库主题页脚样式的编辑后,单击右上角的发布主题

编辑知识库页眉内容

您可以编辑知识库页眉的内容,包括徽标菜单按钮语言切换器其他支持选项。更改内容将在所有知识库页面上可见。

  • 编辑知识库的标题徽标内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页眉"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击网站页眉模块。
    5. 网站标题模块中,单击徽标
    6. 要覆盖默认徽标,请切换 "覆盖默认徽标"开关或单击 "编辑此域中的默认徽标 "更新默认徽标。
    7. 如果选择覆盖默认徽标,可以单击上传浏览图片添加新徽标。
    8. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 编辑知识库的标题菜单内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页眉"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击网站页眉模块。
    5. 网站页眉模块中,单击菜单
    6. 要显示页眉菜单,请单击菜单下拉菜单并选择一个菜单
    7. 要编辑现有页眉菜单,请单击菜单字段中的编辑
    8. 要创建新的页眉菜单,请单击菜单字段中的创建新菜单。
    9. 要编辑标题菜单中可显示的菜单树子菜单数量,请使用最大级别字段中的upIcon 增加downIcon 减少图标。
    10. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 编辑知识库页眉按钮内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页眉"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击网站页眉模块。
    5. 网站页眉模块中,单击按钮
    6. 要在页眉中添加按钮,请选择添加按钮复选框。
    7. 要编辑页眉中的按钮文本,请在按钮文本字段中输入文本
    8. 要编辑按钮引导游客访问的 URL 链接,请单击链接到下拉菜单并选择链接选项。
    9. 要在新窗口中打开 URL 链接,请打开 "在新窗口中打开链接"开关。
    10. 要编辑链接类型,请选择 "无关注 ""添加图标"字段旁边的复选框
    11. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 编辑语言切换器内容的知识库页眉:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页眉"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击网站页眉模块。
    5. 网站标题模块中,单击语言切换器
    6. 要在页眉中添加语言切换器,请选择添加语言切换器字段旁边的复选框
    7. 要编辑语言切换器的显示模式,请单击显示模式下拉菜单并选择本地化PageLang混合
    8. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 要编辑附加支持选项内容的知识库页眉:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页眉"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击网站页眉模块。
    5. 网站页眉模块中,单击附加支持选项
    6. 要显示客户门户链接,请打开显示客户门户链接开关。
    7. 客户门户链接文本字段中,输入您希望显示的文本
    8. 要显示受限内容的登录,请打开显示受限内容的登录开关。
    9. 登录链接文本退出链接文本字段中,输入您希望显示的文本
    10. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 编辑完知识库标题内容后,单击右上角的发布到 [#] 资产

编辑知识库页脚内容

您可以编辑知识库页脚的内容,包括菜单徽标页脚地址社交关注页脚版权选项。更改内容将在所有知识库页面上可见。

  • 编辑知识库页脚菜单内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页脚"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击页脚菜单 模块
    5. 要显示页脚菜单,请单击菜单下拉菜单并选择菜单
    6. 要编辑现有页脚菜单,请单击菜单字段中的编辑
    7. 要创建新的页脚菜单,请单击菜单字段中的创建新菜单。
    8. 要编辑页脚菜单中可显示的菜单树子菜单数量,请使用最大级别字段中的upIcon 增加downIcon 减少图标。
    9. 要显示页脚菜单,请选择显示菜单字段中的复选框
    10. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 编辑知识库页脚徽标内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页脚"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击徽标模块。
    5. 要覆盖默认页脚徽标,请切换 "覆盖默认徽标"开关或单击 "编辑此域中的默认徽标 "更新默认徽标。
    6. 如果选择覆盖默认页脚徽标,可以单击上传浏览图片添加新徽标。
    7. 要自定义页脚徽标的加载方式,请单击图片加载下拉菜单并选择浏览器默认懒惰急切
    8. 要为页脚徽标添加链接 URL,请在链接 URL字段中输入 URL文本
    9. 单击侧边栏编辑器左下角的 "应用选项"查看更改。
  • 编辑知识库页脚地址内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页脚"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击页脚地址模块,然后单击扩展视图中的编辑
    5. 在全局内容编辑器中,输入页脚地址的文本
  • 编辑知识库页脚的社交关注内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页脚"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击社交关注 模块。
    5. 社交链接部分,单击editIcon edit deleteIcon delete图标,编辑或删除现有社交链接。要添加社交链接,请单击+ 添加 按钮。
    6. 要显示社交关注图标,请选择显示图标字段旁边的复选框
  • 编辑知识库页脚的版权内容:
    1. 在 HubSpot 帐户中,导航到服务 > 知识库
    2. 在右上角单击 "配置"下拉菜单并选择 "页脚"。
    3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容图标。
    4. 在左侧边栏中,单击页脚版权 模块,然后单击扩展视图中的编辑
    5. 在全局内容编辑器中,输入页脚版权文本
  • 完成知识库页脚内容的编辑后,单击右上角的发布到 [#] 资产
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助