From 12a0367ddc6d64183728c54a1ef4a4b83da86b2d Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 11 Mar 2023 09:55:59 +0800
Subject: [PATCH] =?UTF-8?q?hexo=20=E5=8A=A8=E7=94=BB=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E3=80=81=E6=94=AF=E6=8C=81=E5=9B=BE=E7=89=87=E5=8D=A1=E7=89=8C?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/LayoutBase.js               | 6 +++---
 themes/hexo/components/BlogPostCard.js  | 9 ++++-----
 themes/hexo/components/Header.js        | 8 ++++----
 themes/hexo/components/HeaderArticle.js | 4 ++--
 themes/hexo/config_hexo.js              | 1 +
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index 2e17addc..4808648f 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -77,11 +77,11 @@ const LayoutBase = props => {
       </main>
 
       {/* 右下角悬浮 */}
-      <div className="bottom-12 right-1 fixed justify-end z-20  text-white bg-indigo-500 dark:bg-hexo-black-gray rounded-sm">
+      <div className={(show ? 'opacity-100 ' : 'invisible opacity-0') + '  duration-300 transition-all bottom-12 right-1 fixed justify-end z-20  text-white bg-indigo-500 dark:bg-hexo-black-gray rounded-sm'}>
         <div
           className={
-            (show ? 'animate__animated ' : 'hidden') +
-            ' animate__fadeInUp justify-center duration-300  animate__faster flex flex-col items-center cursor-pointer '
+
+            '  justify-center  flex flex-col items-center cursor-pointer '
           }
         >
           <FloatDarkModeButton />
diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index 1baa3d82..108ac6fa 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -15,13 +15,12 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
     <div
         key={post.id}
         data-aos="fade-up"
-        data-aos-duration="300"
-        data-aos-easing="ease-in-out"
-        data-aos-once="true"
+        data-aos-duration="150"
+        data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
-        className='flex md:flex-row flex-col-reverse even:md:flex-row-reverse
+        className={`flex md:flex-row flex-col-reverse ${CONFIG_HEXO.POST_LIST_IMG_CROSSOVER ? 'even:md:flex-row-reverse' : ''}
         w-full md:h-72 h-96 justify-between overflow-hidden drop-shadow-md
-        border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray'>
+        border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray`}>
 
         <div className={`lg:p-8 p-4 flex flex-col  ${showPageCover ? 'md:w-7/12 w-full' : 'w-full'}`}>
           <Link
diff --git a/themes/hexo/components/Header.js b/themes/hexo/components/Header.js
index fa2c5e39..8200a8f4 100644
--- a/themes/hexo/components/Header.js
+++ b/themes/hexo/components/Header.js
@@ -43,10 +43,10 @@ const Header = props => {
   })
 
   function updateHeaderHeight () {
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       const wrapperElement = document.getElementById('wrapper')
       wrapperTop = wrapperElement?.offsetTop
-    }, 500)
+    })
   }
 
   return (
@@ -103,12 +103,12 @@ const scrollTrigger = () => {
   ) {
     autoScroll = true
     window.scrollTo({ top: wrapperTop, behavior: 'smooth' })
-    setTimeout(autoScrollEnd, 500)
+    requestAnimationFrame(autoScrollEnd)
   }
   if ((scrollS < windowTop) && (scrollS < window.innerHeight) && !autoScroll) {
     autoScroll = true
     window.scrollTo({ top: 0, behavior: 'smooth' })
-    setTimeout(autoScrollEnd, 500)
+    requestAnimationFrame(autoScrollEnd)
   }
   windowTop = scrollS
 }
diff --git a/themes/hexo/components/HeaderArticle.js b/themes/hexo/components/HeaderArticle.js
index fef4ec74..df1593a6 100644
--- a/themes/hexo/components/HeaderArticle.js
+++ b/themes/hexo/components/HeaderArticle.js
@@ -19,7 +19,7 @@ export default function HeaderArticle({ post, siteInfo }) {
   return (
     <div
       id="header"
-      className="w-full h-96 relative md:flex-shrink-0 overflow-hidden bg-cover bg-center bg-no-repeat animate__animated animate__fadeIn relative"
+      className="w-full h-96 relative md:flex-shrink-0 overflow-hidden bg-cover bg-center bg-no-repeat animate__animated animate__fadeIn"
       style={{ backgroundImage: headerImage }}
     >
       <header className="animate__slideInDown animate__animated bg-black bg-opacity-70 absolute top-0 w-full h-96 py-10 flex justify-center items-center ">
@@ -65,5 +65,5 @@ export default function HeaderArticle({ post, siteInfo }) {
         </div>
       </header>
     </div>
-  );
+  )
 }
diff --git a/themes/hexo/config_hexo.js b/themes/hexo/config_hexo.js
index feb6dbd8..92e5268b 100644
--- a/themes/hexo/config_hexo.js
+++ b/themes/hexo/config_hexo.js
@@ -14,6 +14,7 @@ const CONFIG_HEXO = {
   POST_LIST_COVER_DEFAULT: true, // 封面为空时用站点背景做默认封面
   POST_LIST_SUMMARY: true, // 文章摘要
   POST_LIST_PREVIEW: true, // 读取文章预览
+  POST_LIST_IMG_CROSSOVER: true, // 博客列表图片左右交错
 
   ARTICLE_ADJACENT: true, // 显示上一篇下一篇文章推荐
   ARTICLE_COPYRIGHT: true, // 显示文章版权声明