From e1e3fa3496b1ea6eacdc0e2b27f29eb793f9aa58 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Mon, 27 Mar 2023 18:57:06 +0800
Subject: [PATCH] =?UTF-8?q?next/hexo=20-=20=E6=A0=87=E9=A2=98=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/components/HeaderArticle.js |  8 +++++++-
 themes/next/components/ArticleDetail.js | 13 ++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/themes/hexo/components/HeaderArticle.js b/themes/hexo/components/HeaderArticle.js
index f856767b..2abfc9b7 100644
--- a/themes/hexo/components/HeaderArticle.js
+++ b/themes/hexo/components/HeaderArticle.js
@@ -22,7 +22,13 @@ export default function HeaderArticle({ post, siteInfo }) {
       className="w-full h-96 relative md:flex-shrink-0 overflow-hidden bg-cover bg-center bg-no-repeat animate__animated animate__fadeIn z-10"
       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 ">
+      <header id='article-header-cover'
+            data-aos="fade-down"
+            data-aos-duration="300"
+            data-aos-once="true"
+            data-aos-anchor-placement="top-bottom"
+            className="bg-black bg-opacity-70 absolute top-0 w-full h-96 py-10 flex justify-center items-center ">
+
         <div className='mt-24'>
           {/* 文章Title */}
           <div className="font-bold text-xl shadow-text flex justify-center text-center text-white dark:text-white ">
diff --git a/themes/next/components/ArticleDetail.js b/themes/next/components/ArticleDetail.js
index 17bfbe37..e5b8dba2 100644
--- a/themes/next/components/ArticleDetail.js
+++ b/themes/next/components/ArticleDetail.js
@@ -26,18 +26,17 @@ export default function ArticleDetail(props) {
   const date = formatDate(post?.date?.start_date || post?.createdTime, locale.LOCALE)
 
   return (
-      <div id="container"
-            data-aos="fade-down"
-            data-aos-duration="300"
-            data-aos-once="true"
-            data-aos-anchor-placement="top-bottom"
-
+        <div id="container"
             className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full ">
             <div itemScope itemType="https://schema.org/Movie"
+                data-aos="fade-down"
+                data-aos-duration="300"
+                data-aos-once="true"
+                data-aos-anchor-placement="top-bottom"
                 className="subpixel-antialiased overflow-y-hidden py-10 px-5 lg:pt-24 md:px-24  dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
             >
 
-                {showArticleInfo && <header className='animate__slideInDown animate__animated'>
+                {showArticleInfo && <header>
                     {/* 头图 */}
                     {CONFIG_NEXT.POST_HEADER_IMAGE_VISIBLE && post?.type && !post?.type !== 'Page' && post?.page_cover && (
                         <div className="w-full relative md:flex-shrink-0 overflow-hidden">