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

定制知识库主题

上次更新时间: 2026年4月2日

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

通过在主题编辑器中选择布局、更改主题样式以及修改页眉或页脚内容,自定义知识库的外观。预览知识库主题在各种模板、不同语言以及不同屏幕尺寸下的显示效果。

开始之前

在自定义知识库主题之前,请先查看相关要求和注意事项。

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

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

了解限制与注意事项

自定义知识库主题样式

在知识库主题编辑器中,您可以配置颜色、字体、首页、文章、页眉和页脚样式。

颜色

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

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3. 点击展开“颜色”部分,并为“主色”“次色”“强调色”和“正文色”字段选择颜色。默认情况下,将显示您的 品牌颜色
  4. 完成后,点击右上角的“发布主题”。

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

字体

选择主字体和次级字体,用于知识库的标题、正文和链接。 

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3. 在左侧边栏中,点击“排版”。
  4. “主 色”和“辅色”部分,点击字体下拉菜单并选择一种字体。要更改字体颜色,请点击颜色选择器并选择一种字体颜色。其他字体样式选项(例如字重、字号或转换大小写)将取决于所选字体。 
  5. 要编辑标题、正文或链接的字体,请点击展开“标题(H1-H6)”“正文”或“链接”部分,点击字体下拉菜单并选择一种字体。要更改字体颜色,请点击颜色选择器并选择一种字体颜色
  6. 完成后,点击右上角的“发布主题”。

首页

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3. 在左侧边栏中,点击展开“主页”部分,并选择布局选项(例如“拼贴”“极简”)。不同的布局选项将支持不同的样式选项。
  4. 完成后,点击右上角的“发布主题”。

In the knowledge base theme editor, the Homepage section is expanded to display the layout options.

文章

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3. 在主题编辑器的左上角,点击“在”下拉菜单并选择“知识库文章”。 
  4. 在左侧边栏中,点击展开“文章”部分,并选择布局选项(例如“左侧边栏”或“右侧边栏”)。不同的布局选项将支持不同的样式选项。 
  5. 完成后,点击右上角的“发布主题”。

In the knowledge base theme editor, the Article section is expanded to display the layout options.

页眉

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

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3. 在左侧边栏中,点击“页眉”,并从以下选项中进行选择:
    • 页眉宽度:选择“全宽”或“内容宽度”。
    • 顶部栏:选择“背景颜色”、“基础字体”和“悬停字体”。
    • 语言切换器:点击颜色选择器并选择一种颜色
    • 菜单:选择基础字体悬停字体、背景颜色和 间距,以及下拉样式。
    • 按钮:选择字体文本变换背景色边框样式圆角半径悬停字体样式
    • 搜索栏:选择背景类型( 例如颜色图片 和间距标签文本以及输入文本样式。
  4. 完成后,点击右上角的“发布主题”。

In the knowledge base theme editor, the Header section is displayed showing the following options: Header width, Top bar, Language switcher, Menu, Button, and Search bar.

页脚

自定义知识库主题的页脚样式,包括页脚宽度、背景、菜单文本社交图标。您还可以编辑这些元素内的颜色、字体和悬停样式。
  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3. 在左侧边栏中,点击“页脚”,然后从以下选项中进行选择:
    • 页脚宽度:选择“全宽”或“内容宽度”。 
    • 背景:点击颜色选择器并选择一种颜色。
    • 菜单:选择“基础字体”和“悬停字体”。要更改字体颜色,请点击颜色选择器并 选择一种字体颜色
    • 文本:选择一种字体。 
    • 社交图标:选择图标大小图标形状图标颜色背景颜色对齐方式
  4. 完成后,点击右上角的“发布主题”。

In the knowledge base theme editor, the Footer section is displayed showing the following options: Footer width, Background color, Menu, Text, and Social icons.

编辑知识库页眉内容

自定义知识库页眉内容,以突出显示您的品牌或导航链接。发布的更新将自动显示在所有知识库页面上。

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

编辑知识库页脚内容

自定义知识库页脚内容,以展示您的品牌或导航链接。发布的更新将自动显示在所有知识库页面上。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单,然后选择“页脚”
  3. 全局内容编辑器中,点击“siteTree内容”图标,并从以下选项中进行选择:
    • 页脚菜单:点击“菜单”下拉菜单并选择一个菜单。若要在所有知识库页面上显示页脚菜单,请勾选“显示菜单”复选框。
    • 徽标:切换“覆盖默认徽标”开关 ,或点击“编辑此域中的默认徽标”。 
    • 页脚地址在展开视图中点击“编辑”,然后输入页脚地址
    • 社交关注:将鼠标悬停在社交链接上,然后点击 编辑图标。点击“链接到”下拉菜单并选择一个选项
    • 页脚版权在展开视图中点击“编辑”,并输入页脚版权信息。
  4. 完成后,点击右上角的“发布”按钮 [#] 资产

预览知识库主题

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

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角,点击“配置”下拉菜单并选择“主题”
  3.  要查看包含示例内容的模板,请点击左上角的“在”下拉菜单并选择一个模板。对主题所做的更改将应用于所有知识库模板。

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.

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助