From 7446a7a14615417e8600ba19ac99df22c8b940fb Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sun, 13 Apr 2025 13:13:16 +0800
Subject: [PATCH] =?UTF-8?q?lazyimage=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LazyImage.js | 14 --------------
 styles/globals.css      | 12 ++++++++++++
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/components/LazyImage.js b/components/LazyImage.js
index 8f064546..8190d1b1 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -129,20 +129,6 @@ export default function LazyImage({
           <link rel='preload' as='image' href={adjustImgSize(src, maxWidth)} />
         </Head>
       )}
-      <style>
-        {` 
-        .lazy-image-placeholder{
-            background: 
-                linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
-                #f2f2f2;
-            background-size:300% 100%;
-            animation: l1 1s infinite linear;
-            }
-            @keyframes l1 {
-            0% {background-position: right}
-        }
-        `}
-      </style>
     </>
   )
 }
diff --git a/styles/globals.css b/styles/globals.css
index 33d0b750..9ee3e732 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -286,3 +286,15 @@ img {
 .adsbygoogle {
   overflow: hidden;
 }
+
+
+.lazy-image-placeholder{
+  background: 
+      linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
+      #f2f2f2;
+  background-size:300% 100%;
+  animation: l1 1s infinite linear;
+  }
+  @keyframes l1 {
+  0% {background-position: right}
+}
\ No newline at end of file