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

编辑博客列表页面

上次更新时间: 2025年10月17日

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

博客列表页是显示博客所有文章的页面。在 HubSpot 中,一些博客列表页面可以通过内容编辑器中的拖放工具进行编辑,而另一些则需要在设计管理器中进行 HTML + HubL 编辑仅限Marketing HubProfessionalEnterpriseContent Hub ProfessionalEnterprise)。

请注意:只有删除相关博客,才能删除拖放列表页。

创建和编辑拖放列表页面

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

在内容编辑器中选择一个现有的博客列表页进行编辑

新创建的博客将自动支持在内容编辑器中编辑博客列表页。对于旧博客,您可以在博客设置中选择这种编辑体验:

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  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 HubProfessionalEnterpriseContent Hub ProfessionalEnterprise

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  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 帮助