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

编辑博客列表页面

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

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

博客列表页是指显示该博客所有文章的页面。在 HubSpot 中,部分博客列表页可通过内容编辑器中的拖放工具进行编辑,而另一些则需要在设计管理器中使用 HTML + HubL 进行编辑。

了解限制与注意事项

  • 每个博客只能有一个博客列表页面。
  • 对已发布的博客列表页面或其模板所做的更改,将影响所有使用该模板的页面上显示的内容。
  • 您可以通过删除关联的博客来删除拖放式博客列表页面。

创建和编辑拖放式列表页面

在内容编辑器中,您可以创建一个博客列表页面来显示所有博客文章。只有使用主题或 包含拖放区域的列表页面,才支持在内容编辑器中添加或移动模块。

需要权限 在内容编辑器中创建拖放列表页面需要“编辑”和“发布”权限

在内容编辑器中将现有博客列表页设为可编辑状态

新创建的博客将自动支持在内容编辑器中编辑其博客列表页面。对于较早创建的博客,您可以在博客设置中启用此编辑功能:

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 “设置”图标
  2. 在左侧边栏菜单中,导航至“内容” > “博客”
  3. 点击“当前视图”下拉 菜单,并选择一个博客
  4. 点击“模板 选项卡
  5. “模板 部分 ,点击“体验新的编辑方式”。
In the blog settings, the templates tab is displayed. In the templates section, an arrow is pointing to the Try new editing experience.
  1. 在对话框中,点击“继续”
  2. 在内容编辑器中,使用拖放编辑工具编辑博客列表页面。
  3. 完成后,点击右上角的“更新 ”,然后对话框再次点击“更新 ”。

在内容编辑器中编辑博客列表页面

已启用内容编辑器编辑功能的博客列表页面,可通过“博客文章”页面访问。

  1. 在您的 HubSpot 账户中,点击更多,然后导航至内容 > 博客。如果您的账户中未显示更多,请直接导航至内容 > 博客
  2. 在左上角,点击“配置”下拉 菜单,然后选择“博客列表页面”。
On the Blog posts page, there's an arrow pointing to the configure dropdown menu and the options are displayed on the right. A box is placed around the blog listing pages option.
  1. 若要按博客进行筛选,请点击“博客”下拉 菜单,并勾选您希望纳入筛选范围的每个博客旁边的复选框
  2. 要创建新的博客列表页面,请点击右上角的“创建” 。在对话框中,点击“选择博客”下拉 菜单并选择一个博客,然后点击“创建列表页面”
  1. 要编辑现有的博客列表页面,请点击该列表页面的名称 。要访问多语言博客列表页面,请点击主博客列表页面旁边的 downCarat ”下拉箭头
  2. 在内容编辑器中,使用拖放编辑工具来编辑博客列表页面。
  3. 显示的模块会因您使用的模板而异。一些常见的模块包括:
    • 博客标签筛选器:按标签筛选博客文章。
    • 博客分页:设置 引导访客在博客不同页面之间跳转的文本。
    • 博客列表:将 博客描述的样式设置为 “卡片”或 “列表 ”,并选择要显示的信息。您还可以编辑作者标签列表页面的副标题。
In the content editor for a blog listing page, the contents are displayed showing some common modules that are included (e.g., Blog tag filter, Blog listings, Blog pagination).
  1. 要编辑列表页面的设置,请点击右上角的“设置”
  2. 然后在对话框中编辑列表页面的设置:
    • 若要更改该页面在 HubSpot 中的名称,请在 “内部页面名称”字段 输入页面名称 。该名称不会显示给访客。
    • 博客的对外名称将显示在“页面标题”字段中 。您可以在博客设置 中的“页面标题”字段中 更改此名称
    • 列表页的 URL 将显示在“页面 URL”字段中 。您 可以在博客设置 中的“博客根 URL ”字段中 更改此名称
    • “元描述”字段中 ,输入列表页面内容的描述 ,该描述将显示在搜索结果中页面标题的下方。
    • 若要为列表页面添加特色图片以便在社交媒体上分享,请点击左侧边栏菜单中的 特色 图片”。然后打开“启用特色图片”开关 ,点击“上传” 从浏览器添加 图片点击“浏览图片”从 文件管理工具中 添加 图片。
    • 若要在列表页面的头部或底部 HTML 中添加额外代码,请点击左侧边栏菜单中的“高级”。在“头部 HTML”或“底部 HTML”字段中 ,输入您的代码片段
  3. 完成后,点击右上角 “发布”“更新”

更改列表页面模板

  1. 在您的 HubSpot 账户中,点击更多,然后导航至内容 > 博客。如果您的账户中未显示更多,请直接导航至内容 > 博客
  2. 在左上角,点击“配置”下拉 菜单,然后选择“博客列表页面”。

On the Blog posts page, there's an arrow pointing to the configure dropdown menu and the options are displayed on the right. A box is placed around the blog listing pages option.

  1. 点击某个列表页的名称 。若要访问多语言博客列表页,请点击主博客列表页旁边的 downCarat 下拉箭头
  2. 在内容编辑器中,点击右上角的“设置”
  3. 在左侧边栏菜单中,点击“模板”
  4. “模板”部分,点击“使用其他模板”。
  5. “选择模板”页面上,点击一个模板卡片。若要更改主题,请点击“主题”下拉菜单,选择“更改主题”,然后点击一个模板卡片
  6. 在模板预览屏幕上,点击右上角的“选择模板 ”。
  7. 在内容编辑器中,对模板进行任何修改。
  8. 完成后,点击右上角 “发布”“更新”

创建和编辑自定义代码的博客列表页面模板

创建和编辑使用HTML/HubL 标记语言的自定义代码博客列表页面模板。部分列表页面模板还支持在布局编辑器中编辑模块,而其他模板则完全通过代码实现。

需要权限 创建和编辑自定义代码的博客列表页面模板需要“设计工具”权限

编辑代码型博客列表页面模板需要Marketing Hub专业版企业版,或Content Hub 专业版企业版订阅。

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 “设置”图标
  2. 在左侧边栏菜单中,导航至“内容” > “博客”
  3. 单击“当前视图”下拉菜单,然后选择一个博客
  4. 点击“模板 选项卡
  5. “博客列表页面”部分 ,点击“操作”下拉 菜单并选择“编辑”
  6. 在设计管理器的布局编辑器中,点击某个模块,并在检查器中编辑其选项
  7. 若要编辑列表模板中的博客内容模块,请点击“博客内容”模块,然后右侧栏点击“编辑列表模板”
In the design manager, a blog template is displayed in the layout editor. An arrow points to the Blog Content module in the layout editor. A box is placed around the Edit listing template button in the inspector on the right.
  1. 在模块编辑器中,自定义您的列表模板。有关使用 HubL 编辑博客列表模板的更多信息,请参阅我们的开发者文档。
  2. 完成后,右上角的 点击“发布更改 ”,使您的更改生效。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助