From fc2276812106ba9a13b31482f6e0af0356e77dac Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Wed, 15 Mar 2023 09:52:57 +0800
Subject: [PATCH] hexo animate

---
 themes/hexo/components/BlogPostCard.js     |  6 ++++++
 themes/hexo/components/BlogPostCardInfo.js | 12 ++----------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index 1f02e323..52cfa885 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -11,9 +11,15 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
     post.page_cover = siteInfo?.pageCover
   }
   const showPageCover = CONFIG_HEXO.POST_LIST_COVER && post?.page_cover
+  const delay = (index % 2) * 200
 
   return (
     <div
+        data-aos="fade-up"
+        data-aos-duration="200"
+        data-aos-delay={delay}
+        data-aos-once="true"
+        data-aos-anchor-placement="top-bottom"
         key={post.id}
         className={`flex md:flex-row flex-col-reverse ${CONFIG_HEXO.POST_LIST_IMG_CROSSOVER ? 'even:md:flex-row-reverse' : ''}
         w-full justify-between overflow-hidden
diff --git a/themes/hexo/components/BlogPostCardInfo.js b/themes/hexo/components/BlogPostCardInfo.js
index 68dc911d..7355bac8 100644
--- a/themes/hexo/components/BlogPostCardInfo.js
+++ b/themes/hexo/components/BlogPostCardInfo.js
@@ -8,18 +8,10 @@ import TagItemMini from './TagItemMini'
  * @param {*} param0
  * @returns
  */
-export const BlogPostCardInfo = ({ index, post, showPreview, showPageCover, showSummary }) => {
-  const delay = (index % 2) * 200
+export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary }) => {
+  return <div className={`h-56 flex flex-col justify-between lg:p-6 p-4 md:max-h-60 ${showPageCover ? 'md:w-7/12 w-full ' : 'w-full'}`}>
 
-  return <div
-            data-aos="fade-up"
-            data-aos-duration="200"
-            data-aos-delay={delay}
-            data-aos-once="true"
-            data-aos-anchor-placement="top-bottom"
-            className={`h-56 flex flex-col justify-between lg:p-6 p-4 md:max-h-60 ${showPageCover ? 'md:w-7/12 w-full ' : 'w-full'}`}>
        <div>
-
          {/* 标题 */}
          <Link
             href={`${BLOG.SUB_PATH}/${post.slug}`}