From ff14b9d3fa389a98b7b376dce82d561005a56555 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Wed, 24 May 2023 09:50:14 +0800
Subject: [PATCH] fix/hexo-cover-img

---
 themes/hexo/components/ArticleRecommend.js | 4 ++--
 themes/hexo/components/BlogPostCard.js     | 2 +-
 themes/hexo/components/Header.js           | 2 +-
 themes/hexo/components/HeaderArticle.js    | 2 +-
 themes/hexo/components/LatestPostsGroup.js | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/themes/hexo/components/ArticleRecommend.js b/themes/hexo/components/ArticleRecommend.js
index b2192b61..9b5a5500 100644
--- a/themes/hexo/components/ArticleRecommend.js
+++ b/themes/hexo/components/ArticleRecommend.js
@@ -30,8 +30,8 @@ export default function ArticleRecommend({ recommendPosts, siteInfo }) {
       <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
         {recommendPosts.map(post => {
           const headerImage = post?.page_cover
-            ? `url("${post.page_cover}&w=240")`
-            : `url("${siteInfo?.pageCover}&w=240")`
+            ? `url("${post.page_cover}")`
+            : `url("${siteInfo?.pageCover}")`
 
           return (
             (<Link
diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index 4725350b..56a69368 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -36,7 +36,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
                 {showPageCover && (
                     <div className="md:w-5/12 overflow-hidden">
                         <Link href={`${BLOG.SUB_PATH}/${post.slug}`} passHref legacyBehavior>
-                            <div className='h-56 bg-center bg-cover hover:scale-110 duration-200' style={{ backgroundImage: `url('${post?.page_cover}&w=800')` }} />
+                            <div className='h-56 bg-center bg-cover hover:scale-110 duration-200' style={{ backgroundImage: `url('${post?.page_cover}')` }} />
                         </Link>
                     </div>
                 )}
diff --git a/themes/hexo/components/Header.js b/themes/hexo/components/Header.js
index fa62d75b..c3374413 100644
--- a/themes/hexo/components/Header.js
+++ b/themes/hexo/components/Header.js
@@ -87,7 +87,7 @@ const Header = props => {
   return (
         <header id="header" style={{ zIndex: 1 }} className="w-full h-screen relative" >
 
-            <div id='header-cover' style={{ backgroundImage: `url('${siteInfo.pageCover}&w=1920')` }}
+            <div id='header-cover' style={{ backgroundImage: `url('${siteInfo.pageCover}')` }}
                 className={`header-cover bg-center w-full h-screen bg-cover ${CONFIG_HEXO.HOME_NAV_BACKGROUND_IMG_FIXED ? 'bg-fixed' : ''}`}/>
 
             <div className="text-white absolute bottom-0 flex flex-col h-full items-center justify-center w-full ">
diff --git a/themes/hexo/components/HeaderArticle.js b/themes/hexo/components/HeaderArticle.js
index 7741644d..1681c37a 100644
--- a/themes/hexo/components/HeaderArticle.js
+++ b/themes/hexo/components/HeaderArticle.js
@@ -11,7 +11,7 @@ export default function HeaderArticle({ post, siteInfo }) {
   if (!post) {
     return <></>
   }
-  const headerImage = post?.page_cover ? `url("${post.page_cover}&w=1600")` : `url("${siteInfo?.pageCover}&w=1600")`
+  const headerImage = post?.page_cover ? `url("${post.page_cover}")` : `url("${siteInfo?.pageCover}")`
 
   const date = formatDate(
     post?.date?.start_date || post?.createdTime,
diff --git a/themes/hexo/components/LatestPostsGroup.js b/themes/hexo/components/LatestPostsGroup.js
index 0ba78886..b7f7e558 100644
--- a/themes/hexo/components/LatestPostsGroup.js
+++ b/themes/hexo/components/LatestPostsGroup.js
@@ -49,7 +49,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
                             quality={10}
                             alt={post.title} /> */}
                             {/* eslint-disable-next-line @next/next/no-img-element */}
-                            <img src={`${headerImage}&w=120`} className='object-cover w-full h-full'/>
+                            <img src={`${headerImage}`} className='object-cover w-full h-full'/>
                     </div>
                     <div
                         className={