自定义知识库主题
上次更新时间: 2026年8月25日
自定义知识库的外观和内容,使其与您的品牌保持一致,并为访问者提供一致的导航体验。使用主题编辑器更新颜色、字体、主页和文章布局,以及页眉和页脚样式。使用全局内容编辑器更新页眉和页脚内容,包括徽标、菜单、支持选项和社交媒体链接。
开始之前
在自定义知识库主题之前,请仔细阅读以下要求和注意事项。
需要座位 自定义知识库主题需要分配一个Service Hub席位。
需要权限 自定义知识库主题需要“知识库设置”权限和“全局内容与主题设置”权限。
了解限制与注意事项
- 这些工具仅适用于已迁移的知识库。了解有关迁移知识库的更多信息。
- 对于尚未迁移的知识库,请了解有关创建和自定义旧版知识库的更多信息。
- 设计管理器或自定义主题不支持知识库的自定义。若需进行更深入的自定义,您可以在知识库设置中添加代码片段,包括在网站的页眉和页脚中添加。
自定义知识库主题样式
使用知识库主题编辑器,为您的知识库建立统一的视觉风格和布局。更新颜色和字体样式,选择首页和文章页面的布局,并配置页眉和页脚样式。
自定义颜色
知识库主题的颜色设置会将主色、次色、强调色和正文色应用到主题模板中的所有元素。这些样式将应用于知识库中的所有元素。
- 在主题编辑器中,点击左侧边栏中的“颜色”部分。
- 对于每种颜色类型(例如“主色”),请点击颜色选择器,并为“主色”、“次色”、“强调色”和“正文色”字段选择颜色。默认情况下,将显示您的品牌颜色。

自定义字体样式
选择一种主字体和一种辅字体,用于知识库的标题、正文和 URL 链接。
- 在主题编辑器中,点击左侧边栏中的“排版”。
- 在“主 字体”和“辅字体”字段中,点击字体下拉菜单并选择一种字体。要更改字体颜色,请点击颜色选择器并选择字体颜色。根据所选字体的不同,可能还提供其他字体样式选项(例如字体粗细)。
- 要编辑标题、正文或链接的字体,请点击“标题(H1-H6)”、“正文”或“链接”部分。然后点击字体下拉菜单,并选择一种字体。要更改字体颜色,请点击颜色选择器并选择字体颜色。
自定义页面布局
为知识库首页和文章页面选择布局。可用的布局选项和样式设置因页面类型而异。
自定义首页布局
- 在主题编辑器中,点击左上角的“在”下拉菜单,然后选择“知识库首页”。
- 在左侧边栏中,点击“首页”部分,然后选择一种布局选项,例如“磁贴”或“极简”。

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

自定义页眉和页脚样式
自定义知识库主题的页眉和页脚样式,包括其宽度、颜色、字体、菜单及其他元素。可用选项因版块而异。
自定义页眉样式
在主题编辑器中,点击左侧边栏中的 “页眉”,然后配置以下选项:- 页眉宽度:选择“全宽”或“内容宽度”。
- 顶部栏:选择背景色、基础字体和悬停字体。
- 语言切换器:点击颜色选择器并选择一种颜色。
- 菜单:选择基础字体、悬停字体、背景色、间距和下拉样式。
- 按钮:选择字体、文本变换、背景色、边框样式、圆角半径和悬停字体。
- 搜索栏:选择背景类型(例如颜色或图片),并配置间距、标签文本和输入文本样式。

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

预览并发布主题更改
在发布更改之前,请在不同模板、语言和设备上预览您的主题。
- 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库。
- 在右上角,点击“配置”下拉菜单,然后选择“主题”。
- 在主题编辑器中,点击左上角的“预览”。
- 若要查看包含示例内容的模板,请点击左上角的“ 在 ...”下拉菜单并选择一个模板。

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

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

- 完成后,点击左上角的“返回”。
-
要使更改生效,请点击右上角的“发布主题”。
编辑全局页眉和页脚内容
使用全局内容编辑器,自定义知识库页眉和页脚中显示的内容。
编辑页眉内容
自定义知识库各页面上显示的页眉内容,包括徽标、导航菜单、支持选项、按钮和语言切换器。
- 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库。
- 在右上角,点击“配置”下拉菜单,然后选择“页眉”。
- 在全局内容编辑器中,点击左侧边栏中的“siteTree 内容”图标。
- 在左侧边栏中,点击“网站页头”模块,并从以下选项中进行选择:
- 徽标:开启“覆盖默认徽标”开关,或点击“编辑此域中的默认徽标”。若要显示公司名称,请开启 “未设置徽标时显示公司名称”开关。
- 其他支持选项:切换“显示客户门户链接”、“显示受限内容的登录”或“支持表单”开关。
- 菜单:选择“菜单”和“最大层级数”。
- 按钮:勾选“添加按钮”复选框,并选择“链接到”和“链接类型”。
- 语言切换器:选中“添加语言切换器”复选框,并选择“显示模式”。
- 完成后,点击右上角的“发布到 [#] 个资源”。
编辑页脚内容
自定义知识库各页面上显示的页脚内容,包括徽标、菜单、地址、社交媒体链接和版权声明。
- 在你的 HubSpot 帐户中,单击更多,然后导航到服务 > 知识库。如果你的帐户中未显示更多,请直接导航到服务 > 知识库。
- 在右上角,点击“配置”下拉菜单,然后选择“页脚”。
- 在全局内容编辑器中,点击左侧边栏中的“siteTree 内容”图标 。
- 在左侧边栏中,点击某个模块以编辑其内容:
- 页脚菜单:点击“菜单”下拉菜单并选择一个菜单。若要在所有知识库页面上显示页脚菜单,请勾选“显示菜单”复选框。
- 徽标:开启“覆盖默认徽标”开关 ,或点击“编辑此域中的默认徽标”。
- 页脚地址:在展开视图中点击“编辑”,然后输入页脚地址。
- 社交媒体关注:将鼠标悬停在社交媒体链接上,然后点击editIcon 编辑图标 。点击“链接到”下拉菜单并选择一个选项。
- 页脚版权:在展开视图中点击“编辑”,然后输入页脚版权信息。
- 完成后,点击右上角的“发布”按钮,将资产发布至 [#]。
