对于使用子比主题的博主们来说，在首页展示文章时，常常会被其固定的布局所困扰。就拿首页列表卡片模式来讲，它限定了一行只能展示四个文章卡片。这意味着，当你有较多优质文章想要在首页呈现时，这种布局会让页面显得局促。而且，从视觉效果上看，如果文章数量不是 4 的整数倍，页面底部就会出现不整齐的留白，破坏了整体的美观度。

再看列表模式，虽然简洁明了，但一行仅能展示一个文章条目。对于内容丰富、希望在首页多呈现一些精彩内容来吸引访客的博主而言，这种模式无疑大大限制了信息的展示量。每一次访客进入网站，都只能看到寥寥无几的文章，难以在第一时间全面展示博主的创作成果，也无法让访客快速捕捉到更多感兴趣的内容。这不仅降低了网站的信息传达效率，也可能会影响访客对网站的第一印象和停留时长。所以，修改这种固定的显示模式，增加文章显示数量，成了很多博主的迫切需求。

首页文章列表卡片模式自定义修改显示文章数量

用过子比主题的都知道，首页列表卡片模式只能一行四个，列表模式一行一个，今天我们就尝试一下用代码来改变它的样式。

代码路径：后台 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式

1.卡片模式x5

2.卡片模式x6

3.列表模式x2

括号里的数值可以自己定义，不难理解就是控制列表宽度用的。这个根据自己的页面情况修改就好。

找了很多的教程，都不太好用，这个实测是可以的，在

后台 >> 全局&功能 >> 显示&布局 >> 布局宽度，

设置好宽度，不然容易受底部时间显示模块产生错位现象。

在 后台 >> 文章&列表 >> 文章列表 >> 列表多图显示 中不要设置任何分类显示多图展示，不然也会发生错位。