diff --git a/settings.yaml b/settings.yaml
index 78ad73ee..3b0c1a5b 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -77,7 +77,7 @@ spec:
       formSchema:
         - $formkit: select
           name: cols
-          label: 文章列表布局（无效）
+          label: 文章列表布局
           value: col1
           options:
             - label: 单列
diff --git a/templates/assets/images/top.png b/templates/assets/images/top.png
new file mode 100644
index 00000000..72172753
Binary files /dev/null and b/templates/assets/images/top.png differ
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index bebabec5..5ae2ce89 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -8280,7 +8280,7 @@ span.recent-post-top-text {
     }
 
     #recent-posts > .recent-post-item:not(:first-child) {
-        width: calc(50% - 0.5rem);
+        /*width: calc(50% - 0.5rem);*/
         margin-top: 0.25rem;
         margin-bottom: 0.75rem;
         box-shadow: var(--heo-shadow-border);
@@ -8291,6 +8291,29 @@ span.recent-post-top-text {
         transform: scale(0.97);
     }
 
+    /* 设置分列 */
+    /* 1 列：左右排列 */
+    #recent-posts > .recent-post-item.col1 {
+        width: calc(100% - .5rem);
+        flex-direction: row;
+    }
+
+    /* 2 列 */
+    #recent-posts > .recent-post-item.col2 {
+        width: calc(100% / 2 - .5rem);
+    }
+
+    /* 3 列 */
+    #recent-posts > .recent-post-item.col3 {
+        width: calc(100% / 3 - .5rem);
+    }
+
+    /* 4 列 */
+    #recent-posts > .recent-post-item.col4 {
+        width: calc(100% / 4 - .5rem);
+    }
+
+
     #category-bar {
         margin-bottom: 0.75rem;
         box-shadow: var(--heo-shadow-border);