From 9d6e6d76d367f35e8b7707d6e05e6167d7ddf195 Mon Sep 17 00:00:00 2001
From: Femoon <839242981@qq.com>
Date: Sat, 21 Oct 2023 15:55:50 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Medium=20?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E9=A6=96=E9=A1=B5=E6=96=87=E7=AB=A0=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=97=A0=E5=9B=BE=E7=89=87=20AOS=20=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LazyImage.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/LazyImage.js b/components/LazyImage.js
index 4556bd0d..d878ddb1 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -60,6 +60,7 @@ export default function LazyImage({
     ref: imageRef,
     src: imageLoaded ? src : placeholderSrc,
     alt: alt,
+    style: src ? style : { height: '0px', ...style },
     onLoad: handleImageLoad
   }
 

From 000077ca1ac4a2b27d9c6f7c8780ed3acb743c04 Mon Sep 17 00:00:00 2001
From: Femoon <839242981@qq.com>
Date: Mon, 23 Oct 2023 10:03:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E6=94=B9=E7=94=A8=20style=20?=
 =?UTF-8?q?=E4=BC=A0=20height?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LazyImage.js                  | 1 -
 themes/medium/components/BlogPostCard.js | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/LazyImage.js b/components/LazyImage.js
index d878ddb1..4556bd0d 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -60,7 +60,6 @@ export default function LazyImage({
     ref: imageRef,
     src: imageLoaded ? src : placeholderSrc,
     alt: alt,
-    style: src ? style : { height: '0px', ...style },
     onLoad: handleImageLoad
   }
 
diff --git a/themes/medium/components/BlogPostCard.js b/themes/medium/components/BlogPostCard.js
index 273660b0..16a963e6 100644
--- a/themes/medium/components/BlogPostCard.js
+++ b/themes/medium/components/BlogPostCard.js
@@ -31,7 +31,7 @@ const BlogPostCard = ({ post, showSummary }) => {
                     }>
                     <div>
                         {CONFIG.POST_LIST_COVER && <div className='w-full max-h-96 object-cover overflow-hidden mb-2'>
-                            <LazyImage src={post.pageCoverThumbnail} className='w-full max-h-96 object-cover hover:scale-125 duration-150' />
+                            <LazyImage src={post.pageCoverThumbnail} style={post.pageCoverThumbnail ? {} : { height: '0px' }} className='w-full max-h-96 object-cover hover:scale-125 duration-150' />
                         </div>}
                         {post.title}
                     </div>