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

自定义知识库主题

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

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

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

开始之前

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

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

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

了解限制与注意事项

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

自定义知识库主题样式

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

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

自定义颜色

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

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

In the knowledge base theme editor, the Colors section is displayed showing the Primary, Secondary, Accent, and Body background color pickers.

自定义字体样式

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

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

自定义页面布局

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

自定义首页布局

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

The Homepage section of the knowledge base theme editor displays layout options.

自定义文章页面布局

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

The Article section of the knowledge base theme editor displays layout options.

自定义页眉和页脚样式

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

自定义页眉样式

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

The Header section of the knowledge base theme editor displays options for Header width, Top bar, Language switcher, Menu, Button, and Search bar.

自定义页脚样式

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

The Footer section of the knowledge base theme editor displays options for Footer width, Background, Menu, Text, and Social icons.

预览并发布主题更改

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

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

In the knowledge base theme preview, a box is placed around the View on dropdown menu.

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

In the knowledge base theme preview, a box is placed around the language dropdown menu.

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

In the knowledge base theme preview, a box is placed around the device options.

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

编辑全局页眉和页脚内容

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

编辑页眉内容

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

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

编辑页脚内容

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

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