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

编辑品牌徽标、图标、品牌颜色、字体和主题

上次更新时间: 2025年9月30日

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

拥有 编辑账户默认设置 权限的 用户可以编辑品牌工具包中的品牌徽标、图标、品牌颜色、主题和字体。 

请注意: 每个账户只能创建一个品牌套件。如果您有 品牌插件,您可以为每个品牌创建一个品牌工具包。

品牌颜色将出现在内容编辑器、日程安排页面、报价和对话频道中,但 不会出现在销售模板和电子邮件中。 

添加或编辑您的徽标

在 " 品牌概览 "选项卡上,您可以编辑默认徽标。您可以为单个内容覆盖此徽标。 

  1. 在 HubSpot 帐户中,导航到内容 > 品牌
  2. 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌

    品牌标识-上下文-选择品牌
  3. 品牌工具包 部分,单击 徽标
  4. 在右侧面板中,添加新徽标:
    • 要添加文件工具中的现有图像作为徽标,请单击浏览图像。在右侧面板中,点击 图片。 
    • 要添加新图片,请单击上传,然后从电脑中添加图片。 
    • 徽标名称 字段中,输入徽标的名称 。该字段为必填字段。 
    • 如果不想使用默认域,请单击 徽标 域下拉菜单,为徽标选择一个 特定域
    • 在徽标 alt 文本字段 中,输入针对搜索引擎和屏幕阅读器的徽标描述 。这样可以提高 的可访问性和网站的搜索引擎优化。在 HubSpot 的 开发人员文档中了解有关网站可访问性的更多信息。
    • 如果希望徽标 可以点击,请在徽标URL 字段中输入URL
    • 要调整徽标大小,请在 "宽度 "或"高度 "字段中输入新的尺寸。其他字段将自动调整,以保持图像的比例。
    • 如果希望将此徽标设为默认 徽标 ,请单击 " 设为默认徽标 "复选框。
    • 要删除徽标,请单击 " 删除"。
    • 要添加另一个徽标,请单击 底部的+ 添加另一个徽标

      品牌宣传-上传标识
    • 完成徽标编辑后,单击 " 更新"。

添加或编辑您的图标

在 " 品牌概览 "选项卡上,您可以自定义网站的图标,即浏览器标签页标题旁边的小图片。您的图标只会应用于 HubSpot 上托管的内容。 

请注意: 每个 品牌最多可添加 20 个图标。

  1. 在 HubSpot 帐户中,导航到内容 > 品牌。.
  2. 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌

    品牌标识-上下文-选择品牌
  3. 在 " 品牌工具包 "部分,单击 " 收藏夹"。 
  4. 在右侧面板中,添加新的图标:
    • 要添加文件工具中的现有图像作为徽标,请单击浏览图像。然后,点击 图片。 
    • 要添加新图片,请单击上传,然后从电脑中添加图片。 
  5. 在 "图标名称 "字段中,输入图标名称 。 
  6. 要将该图标设为默认 图标 ,请选择 " 将此设为默认图标 "复选框。
  7. 要添加另一个徽标,请单击 + 添加另一个图标
  8. 要删除现有图像,请单击 " 删除"。


    品牌图标
  9. 完成图标编辑后,单击 "更新"

添加或编辑品牌颜色

您可以在内容编辑器中显示的 " 品牌概览 "选项卡上设置品牌颜色,还可以设置页面、报价和对话频道的日程安排。品牌颜色不会出现在销售模板和电子邮件中。 

  1. 在 HubSpot 帐户中,导航到内容 > 品牌
  2. 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌

    品牌标识-上下文-选择品牌
  3. 在 " 品牌工具包 "部分,单击 " 颜色"。
  4. 在右侧面板中设置品牌颜色:
    • 要从 URL 导入颜色,请单击 从 URL 导入颜色
      • 在对话框中,输入使用品牌颜色的页面 URL ,然后单击 查找颜色。 
      • 将要使用的颜色拖放到要指定的颜色旁边。例如,将 #754262 拖到 主色 部分。

        品牌颜色选择器
    • 输入十六进制代码或选择颜色:
      • 主色调: 品牌中使用的主要颜色。在 "主要颜色"下,输入十六进制代码 或点击 颜色 选择器 并选择一种 颜色。 
      • 辅助色: 品牌中第二常用的颜色。在辅助颜色下,输入十六进制代码 或点击 颜色选择器 并选择 颜色
      • 强调色: 与品牌主色和辅助色相辅相成的颜色。在 " 强调色"下,输入 十六进制代码 或点击 颜色选择器 并选择一种 颜色。 
      • 附加颜色: 这些颜色不会自动使用,但可在颜色选择器中使用,并可在开发工具中引用。点击 add 附加颜色旁边的添加 ,输入十六进制代码或单击 颜色 选择器 ,然后 选择 颜色 要删除其他颜色,请单击 " 删除"。

请注意

如果您的网站引用的颜色未在品牌设置中设置,则会使用回退逻辑:
  • 辅助颜色将默认为第一个可用的附加颜色。
  • 第一个重点颜色将默认为第二个附加颜色。
  • 第二个重点颜色将默认为第三个附加颜色。
  • 第三种强调色将默认为第四种附加颜色。
  • 如果没有设置其他颜色,则会使用默认颜色值。如果没有设置默认颜色,它将使用原色作为备用颜色。

更换主题

主题是一组模板、模块、全局内容和样式设置,可用于创建网站。您可以在内容编辑器 中使用主题编辑页面和文章,并在博客设置中设置博客模板以使用主题

所有账户都可以访问至少一个默认的 HubSpot 主题。主题也可以从模板市场下载。

请注意: 知识库使用的是主题的修改版。了解有关编辑 知识库主题设置的更多信息。

更改主题

  1. 在 HubSpot 帐户中,导航到内容 > 品牌
  2. 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌
  3. 在 " 品牌套件 "部分,单击 " 主题"。

    品牌主题
    • 选择 设置主题更改主题 以选择不同的主题。
      • 您的可用主题将显示出来。单击您希望用于品牌的主题旁边的 " 设置为活动 主题"。 
      • 在搜索栏中输入 主题名称 ,搜索主题。
      • 单击 "在市场中查看主题" ,查看其他可供下载的主题。
      • 选择 "预览" ,预览主题的外观。
    • 选择 "编辑 "编辑 主题设置

添加、编辑或删除字体

您可以在 " 品牌概览 "选项卡上设置主要字体、次要字体和自定义字体,这些字体将用于您的所有内容。 

添加字体

  1. 在 HubSpot 帐户中,导航到内容 > 品牌
  2. 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌

    品牌标识-上下文-选择品牌
  3. 在 " 品牌工具包 "部分,单击 " 字体"。

    品牌选择字体
    • 设置正文使用的字体:
      • 在 " 正文"下,单击 "选择字体 "下拉菜单。
      • 在搜索栏中输入 字体名称 ,或从列表中选择字体
    • 设置标题和大段文字使用的字体:
      • 在 " 主要字体"下,单击 "选择字体 "下拉菜单。
      • 在搜索栏中输入 字体名称 ,或从列表中选择字体
    • 在内容编辑器的字体选择器中设置可用的自定义字体:

      品牌字体类型
      • 自定义字体下,单击+ 添加自定义字体
      • 字体名称 字段中,输入字体名称
      • 单击选择字体文件
      • 选择要从电脑上传的 字体文件 。支持的文件格式:TTF、OTF 和 WOFF。
      • 点击+ 上传更多文件 ,添加更多字体文件。
      • 单击 下一步
      • 使用下拉菜单 选择相应的字体样式。
      • 单击+ 添加另一种字体样式 来添加其他样式。
    • 单击 更新
    • 您可以添加多个自定义字体。要添加另一个,请再次执行 步骤

编辑或删除自定义字体

编辑自定义字体:

  1. 在 HubSpot 帐户中,导航到内容 > 品牌
  2. 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌

    品牌标识-上下文-选择品牌
  3. 在 " 品牌工具包 "部分,单击 " 字体"。
    • 自定义字体下,单击现有字体旁边的操作,然后选择编辑删除
    • 使用 下拉菜单 选择相应的字体样式。
    • 单击+ 添加另一种字体样式 来添加其他样式。
    • 单击更新
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助