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

自定义知识库主题

上次更新时间: 2026年8月25日

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

自定义知识库的外观和内容,使其与您的品牌保持一致,并为访问者提供一致的导航体验。使用主题编辑器更新颜色、字体、主页和文章布局,以及页眉和页脚样式。使用全局内容编辑器更新页眉和页脚内容,包括徽标、菜单、支持选项和社交媒体链接。

开始之前

在自定义知识库主题之前,请仔细阅读以下要求和注意事项。

需要座位 自定义知识库主题需要分配一个Service Hub席位

需要权限 自定义知识库主题需要“知识库设置”权限和“全局内容与主题设置”权限。

了解限制与注意事项

  • 这些工具仅适用于已迁移的知识库。了解有关迁移知识库的更多信息。
  • 对于尚未迁移的知识库,请了解有关创建和自定义旧版知识库的更多信息。
  • 设计管理器或自定义主题不支持知识库的自定义。若需进行更深入的自定义,您可以在知识库设置中添加代码片段,包括在网站的页眉和页脚中添加

自定义知识库主题样式

使用知识库主题编辑器,为您的知识库建立统一的视觉风格和布局。更新颜色和字体样式,选择首页和文章页面的布局,并配置页眉和页脚样式。

  1. 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单,然后选择“主题”

自定义颜色

知识库主题的颜色设置会将主色、次色、强调色和正文色应用到主题模板中的所有元素。这些样式将应用于知识库中的所有元素。

  1. 在主题编辑器中,点击左侧边栏中的“颜色”部分。
  2. 对于每种颜色类型(例如“主色”),请点击颜色选择器,并为“主色”“次色”“强调色”和“正文色”字段选择颜色。默认情况下,将显示您的品牌颜色

自定义字体样式

选择一种主字体和一种辅字体,用于知识库的标题、正文和 URL 链接。

  1. 在主题编辑器中,点击左侧边栏中的“排版”
  2. “主 字体”和“辅字体”字段中,点击字体下拉菜单并选择一种字体。要更改字体颜色,请点击颜色选择器并选择字体颜色。根据所选字体的不同,可能还提供其他字体样式选项(例如字体粗细)。
  3. 要编辑标题、正文或链接的字体,请点击“标题(H1-H6)”、“正文”或“链接”部分。然后点击字体下拉菜单,并选择一种字体。要更改字体颜色,请点击颜色选择器并选择字体颜色

自定义页面布局

为知识库首页和文章页面选择布局。可用的布局选项和样式设置因页面类型而异。

自定义首页布局

  1. 在主题编辑器中,点击左上角的“在”下拉菜单,然后选择“知识库首页”
  2. 在左侧边栏中,点击“首页”部分,然后选择一种布局选项,例如“磁贴”或“极简”

自定义文章页面布局

  1. 在主题编辑器中,点击左上角的“在...”下拉菜单,然后选择“知识库文章”。
  2. 在左侧边栏中,点击“文章”部分,然后选择一种布局选项,例如“左侧边栏”或“右侧边栏”

自定义页眉和页脚样式

自定义知识库主题的页眉和页脚样式,包括其宽度、颜色、字体、菜单及其他元素。可用选项因版块而异。

自定义页眉样式

在主题编辑器中,点击左侧边栏中的 “页眉”,然后配置以下选项:
  • 页眉宽度:选择“全宽”或“内容宽度”。
  • 顶部栏:选择背景色、基础字体和悬停字体。
  • 语言切换器:点击颜色选择器并选择一种颜色。
  • 菜单:选择基础字体、悬停字体、背景色、间距和下拉样式。
  • 按钮:选择字体、文本变换、背景色、边框样式、圆角半径和悬停字体。
  • 搜索栏:选择背景类型(例如颜色或图片),并配置间距、标签文本和输入文本样式。

自定义页脚样式

在主题编辑器中,点击 左侧边栏中的“页脚”,并配置以下选项:
  • 页脚宽度:选择“全宽”或“内容宽度”。
  • 背景:点击颜色选择器并选择一种颜色。
  • 菜单:选择基础字体和悬停字体。若要更改字体颜色,请点击颜色选择器并选择一种字体颜色。
  • 文本:选择一种字体。
  • 社交图标:选择图标大小、图标形状、图标颜色、背景颜色和对齐方式。

预览并发布主题更改

在发布更改之前,请在不同模板、语言和设备上预览您的主题。

  1. 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单,然后选择“主题”
  3. 在主题编辑器中,点击左上角的“预览”
  4. 若要查看包含示例内容的模板,请点击左上角的 ...”下拉菜单并选择一个模板

  1. 若要查看不同语言版本的模板,请点击左上角的“语言”下拉菜单,然后选择一种语言

  1. 若要查看模板在不同设备上的显示效果,请点击右上角的设备图标。

  1. 完成后,点击左上角的“返回”
  2. 要使更改生效,请点击右上角的“发布主题”。

编辑全局页眉和页脚内容

使用全局内容编辑器,自定义知识库页眉和页脚中显示的内容。

编辑页眉内容

自定义知识库各页面上显示的页眉内容,包括徽标、导航菜单、支持选项、按钮和语言切换器。

  1. 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单,然后选择“页眉”
  3. 在全局内容编辑器中,点击左侧边栏中的“siteTree 内容”图标。
  4. 在左侧边栏中,点击“网站页头”模块,并从以下选项中进行选择:
    • 徽标:开启“覆盖默认徽标”开关,或点击“编辑此域中的默认徽标”。若要显示公司名称,请开启 “未设置徽标时显示公司名称”开关。
    • 其他支持选项:切换“显示客户门户链接”、“显示受限内容的登录”或“支持表单”开关。
    • 菜单:选择“菜单”和“最大层级数”。
    • 按钮:勾选“添加按钮”复选框,并选择“链接到”和“链接类型”。
    • 语言切换器:选中“添加语言切换器”复选框,并选择“显示模式”。
  5. 完成后,点击右上角的“发布到 [#] 个资源”

编辑页脚内容

自定义知识库各页面上显示的页脚内容,包括徽标、菜单、地址、社交媒体链接和版权声明。

  1. 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单,然后选择“页脚”
  3. 在全局内容编辑器中,点击左侧边栏中的“siteTree 内容”图标
  4. 在左侧边栏中,点击某个模块以编辑其内容:
    • 页脚菜单:点击“菜单”下拉菜单并选择一个菜单。若要在所有知识库页面上显示页脚菜单,请勾选“显示菜单”复选框。
    • 徽标:开启“覆盖默认徽标”开关 ,或点击“编辑此域中的默认徽标”。
    • 页脚地址在展开视图中点击“编辑”,然后输入页脚地址
    • 社交媒体关注:将鼠标悬停在社交媒体链接上,然后点击editIcon 编辑图标 。点击“链接到”下拉菜单并选择一个选项
    • 页脚版权在展开视图中点击“编辑”,然后输入页脚版权信息。
  5. 完成后,点击右上角的“发布”按钮,将资产发布至 [#]
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助