如何配置博客文章列表页面

在本文中，你将学习如何配置博客的 “**文章列表页**”，以自定义其样式、布局和显示博客文章的信息。

访问博客文章列表页

导航至 “**博客**” 选项卡（图片中的数字 1），然后点击要自定义的博客标题（图片中的数字 2）。



在博客菜单中，点击 “**页面**”，显示博客页面列表（图片中的数字 3）。找到标题为 “**帖子列表页面**” 的页面，将鼠标悬停在页面中的三个点图标（...）上，然后点击 “**编辑**”（图片中的数字 4）。



在页面编辑器中，你会在左侧面板的 “**博客**” 部分下发现以下页面元素：

1. 类别标题： 该元素将自动替换为与该页面相关的每个类别的标题。



2. 类别描述： 该元素将自动替换为与该页面相关的每个类别的描述。



3. 博客文章列表： 该元素将被博文列表取代，每个博文将显示以下信息：

帖子类别
帖子标题
帖子发布日期
帖子的简短描述

这些都是您在创建帖子时输入的值。



自定义博客文章列表

通过左侧的设置面板或点击博客文章列表元素，可以修改以下选项：

每页文章数量
水平空间
水平显示
垂直空间
每行文章数量
类别



自定义帖子日期可见性

要切换是否显示帖子日期，可以选中或取消选中 ”**日期**” 部分下的 "**显示日期？**“



自定义分页

当文章数量超过每页显示的文章数量时，**分页功能**可用于在文章列表页面之间导航。

为帮助访问者了解当前所在页面，可以自定义活动和非活动页面的颜色。



显示最新博客文章

您可以添加 “**最新博文**” 元素来显示最近发布的博文。



自定义每页显示的文章数量

您还可以配置**每页显示的帖子数量**及其布局（**垂直或水平**），或选择**特定类别**。



最新博文轮播

您可以选择使用与 “**最新博文**” 元素类似的 “**最新博文轮播**”元素，以轮播形式显示最新博文。

要进一步了解如何使用最新博文轮播元素，请[点击此处](https://help.systeme.io/article/1744-how-to-use-the-latest-blog-post-carousel-element)。

实用文章：

如何使用 systeme.io 创建博客
如何创建博文
如何创建博客页面
如何创建博客类别
创建博客类别时所需字段详情

更新于： 22/05/2025