From bdf7958b5d79a2120c90ff7da293df4a4b069c92 Mon Sep 17 00:00:00 2001
From: "1152958806@qq.com" <17683872107czx>
Date: Wed, 12 Jul 2023 11:33:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A6=96=E9=A1=B5=E6=96=87?=
 =?UTF-8?q?=E7=AB=A0=E5=8D=A1=E7=89=87=E6=93=A6=E4=BA=AE=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 settings.yaml                    |  9 +++++++++
 templates/modules/post-list.html | 19 +++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/settings.yaml b/settings.yaml
index df7c09c4..9c100009 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -343,6 +343,15 @@ spec:
           label: 随机封面
           value: https://source.unsplash.com/random/600x400/?blog,scenery,night,desert,sea
           help:  未设置文章封面时，将使用随机封面 (二次元随机图地址：https://www.dmoe.cc/random.php)
+        - $formkit: radio
+          name: articleCardPolish
+          label: 首页文章卡片(擦亮效果)
+          value: false
+          options:
+            - label: 显示
+              value: true
+            - label: 隐藏
+              value: false
 
     - group: sidebar
       label: 侧栏
diff --git a/templates/modules/post-list.html b/templates/modules/post-list.html
index 4229812b..cf1cf0d8 100644
--- a/templates/modules/post-list.html
+++ b/templates/modules/post-list.html
@@ -80,6 +80,25 @@
                 </span>
             </div>
         </div>
+
+        <!-- 文章卡片擦亮效果 -->
+        <style th:if="${theme.config.layout.articleCardPolish}">
+            #recent-posts > .recent-post-item:not(a)::before {
+                content: "";
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 200%;
+                background: linear-gradient(to right, transparent, white, transparent);
+                transform: translateX(-200%);
+                transition: transform 0.5s linear;
+                z-index: 1;
+            }
+            #recent-posts > .recent-post-item:not(a):hover::before {
+                transform: translateX(100%) skewX(-60deg);
+            }
+        </style>
     </div>
 
     <!-- 分页 -->