fix:优化封面效果

layouts/index.html

@@ -13,7 +13,7 @@
         href="{{ .Params.Link }}"
         class="card p-4 md:w-1/3 sm:mb-4 mb-6 hover:shadow-xl hover:bg-gray-400 transition duration-200 ease-in rounded-lg {{ lower .Section }}"
       >
-        <div class="rounded-lg h-64 overflow-hidden relative">
+        <div class="rounded-lg h-64 overflow-hidden card-item relative">
           {{ if (or .Params.Image .CurrentSection.Params.Image) }}
           <img
             alt="{{ .Title }}"

layouts/partials/head.html

@@ -15,6 +15,11 @@
     href="css/tailwind.min.css"
     rel="stylesheet"
   />
+  <link
+    type="text/css"
+    href="css/index.css"
+    rel="stylesheet"
+  />
   <style>
     @font-face {
       font-family: "Bree Serif";

static/css/index.css

+.card-item .object-cover {
+  filter: brightness(0.6) blur(1px);
+  transition: all 0.2s;
+}
+.card-item:hover .object-cover {
+  transform: scale(1.02);
+  filter: brightness(0.6);
+}