动效微调

themes/matery/components/BlogPostCard.js

@@ -9,14 +9,11 @@ const BlogPostCard = ({ post, showSummary }) => {
   return (
         <div
             data-aos="fade-up"
-            data-aos-offset="10"
-            data-aos-delay="50"
             data-aos-duration="600"
             data-aos-easing="ease-in-out"
-            data-aos-mirror="true"
             data-aos-once="false"
-            data-aos-anchor-placement="top-center"
-            className="w-full mb-4 drop-shadow-md hover:shadow border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray duration-500  hover:scale-105">
+            data-aos-anchor-placement="top-bottom"
+            className="w-full mb-4 drop-shadow-md border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray">
 
             {/* 固定高度72 ，没有描述用图片填充 */}
             <div key={post.id} className="flex flex-col justify-between h-96">

themes/matery/components/BlogPostListPage.js

@@ -21,7 +21,7 @@ const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
       <div id="container" className='w-full'>
         <div className='pt-6'></div>
         {/* 文章列表 */}
-        <div className="px-4 pt-4 xl:columns-3 md:columns-2 pb-12" >
+        <div className="px-4 pt-4 xl:columns-3 md:columns-2 pb-24" >
           {posts.map(post => (
             <BlogPostCard key={post.id} post={post} />
           ))}

themes/matery/components/FloatDarkModeButton.js

@@ -22,7 +22,7 @@ export default function FloatDarkModeButton() {
   return (
         <div className={'justify-center items-center text-center' } onClick={handleChangeDarkMode}>
             <i id="darkModeButton"
-                className={`${isDarkMode ? 'fa-sun' : 'fa-moon'} fas 
+                className={`${isDarkMode ? 'fa-sun' : 'fa-moon'} fas transform hover:scale-105 duration-200
                 text-2xl text-white bg-indigo-700 px-3 py-2.5 rounded-full dark:bg-black cursor-pointer`} />
         </div>
   )