From 02320a822b673785552b56e84749112f333a0b1b Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Tue, 6 Jun 2023 22:10:57 +0800
Subject: [PATCH] =?UTF-8?q?header=20=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/components/HeaderArticle.js   | 6 +++++-
 themes/matery/components/HeaderArticle.js | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/themes/hexo/components/HeaderArticle.js b/themes/hexo/components/HeaderArticle.js
index 7e19985a..95997fa3 100644
--- a/themes/hexo/components/HeaderArticle.js
+++ b/themes/hexo/components/HeaderArticle.js
@@ -21,7 +21,11 @@ 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 z-10"
+      data-aos="fade-down"
+      data-aos-duration="300"
+      data-aos-once="true"
+      data-aos-anchor-placement="top-bottom"
+      className="w-full h-96 relative md:flex-shrink-0 overflow-hidden bg-cover bg-center bg-no-repeat z-10"
       style={{ backgroundImage: headerImage }}
     >
       <header id='article-header-cover'
diff --git a/themes/matery/components/HeaderArticle.js b/themes/matery/components/HeaderArticle.js
index 004d76d1..2a526c8a 100644
--- a/themes/matery/components/HeaderArticle.js
+++ b/themes/matery/components/HeaderArticle.js
@@ -7,9 +7,9 @@ export default function HeaderArticle({ post, siteInfo }) {
         <div
             data-aos="fade-down"
             data-aos-duration="300"
-            data-aos-once="false"
+            data-aos-once="true"
             data-aos-anchor-placement="top-center"
-            id='header' className="flex h-96 justify-center align-middle items-center w-full relative duration-200 bg-black">
+            id='header' className="flex h-96 justify-center align-middle items-center w-full relative bg-black">
             {/* eslint-disable-next-line @next/next/no-img-element */}
             {/* <img
                 src={headerImage}