From fea5e8ea17f70fbf20d83339324e51414f17aff1 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Mon, 28 Feb 2022 16:11:14 +0800
Subject: [PATCH] =?UTF-8?q?Hexo:=20=E6=A0=B7=E5=BC=8F=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/Hexo/components/BlogPostCard.js       | 2 +-
 themes/Hexo/components/BlogPostListPage.js   | 2 +-
 themes/Hexo/components/BlogPostListScroll.js | 2 +-
 themes/Hexo/components/HeaderArticle.js      | 8 ++++----
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/themes/Hexo/components/BlogPostCard.js b/themes/Hexo/components/BlogPostCard.js
index 1e7a332b..6cba3568 100644
--- a/themes/Hexo/components/BlogPostCard.js
+++ b/themes/Hexo/components/BlogPostCard.js
@@ -9,7 +9,7 @@ import CONFIG_HEXO from '../config_hexo'
 const BlogPostCard = ({ post, showSummary }) => {
   const showPreview = CONFIG_HEXO.POST_LIST_PREVIEW && post.blockMap
   return (
-    <div className='w-full shadow-xl hover:shadow-2xl border border-gray-100 rounded-xl bg-white dark:bg-gray-800 duration-300'>
+    <div className='w-full shadow hover:shadow-2xl border border-gray-100 rounded-xl bg-white dark:bg-gray-800 duration-300'>
        <div key={post.id} className='animate__animated animate__fadeIn flex flex-col-reverse lg:flex-row justify-between duration-300'>
 
       <div className='lg:p-8 p-4 flex flex-col w-full'>
diff --git a/themes/Hexo/components/BlogPostListPage.js b/themes/Hexo/components/BlogPostListPage.js
index b08a0da6..a9ba1289 100644
--- a/themes/Hexo/components/BlogPostListPage.js
+++ b/themes/Hexo/components/BlogPostListPage.js
@@ -20,7 +20,7 @@ const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
     return (
       <div id="container" className='w-full'>
         {/* 文章列表 */}
-        <div className="space-y-6">
+        <div className="space-y-6 px-2">
           {posts.map(post => (
             <BlogPostCard key={post.id} post={post} />
           ))}
diff --git a/themes/Hexo/components/BlogPostListScroll.js b/themes/Hexo/components/BlogPostListScroll.js
index 53a1d93f..ce23f44c 100644
--- a/themes/Hexo/components/BlogPostListScroll.js
+++ b/themes/Hexo/components/BlogPostListScroll.js
@@ -55,7 +55,7 @@ const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_HE
     return <div id='container' ref={targetRef} className='w-full'>
 
       {/* 文章列表 */}
-      <div className='flex flex-wrap space-y-1 lg:space-y-4'>
+      <div className='flex flex-wrap space-y-1 lg:space-y-4 px-2'>
         {postsToShow.map(post => (
           <BlogPostCard key={post.id} post={post} showSummary={showSummary}/>
         ))}
diff --git a/themes/Hexo/components/HeaderArticle.js b/themes/Hexo/components/HeaderArticle.js
index b51df350..84ad8688 100644
--- a/themes/Hexo/components/HeaderArticle.js
+++ b/themes/Hexo/components/HeaderArticle.js
@@ -40,17 +40,17 @@ export default function HeaderArticle ({ post }) {
         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 font-sans">
-          <div>
+          <div className='mt-24'>
             {/* 文章Title */}
-            <div className="font-bold text-3xl shadow-text flex justify-center text-white dark:text-white font-sans">
+            <div className="font-bold text-xl shadow-text flex justify-center text-white dark:text-white font-sans">
               {post.title}
             </div>
 
-            <section className="flex-wrap shadow-text flex justify-center mt-2 text-white dark:text-gray-400 font-light leading-8">
+            <section className="flex-wrap shadow-text flex text-sm justify-center mt-2 text-white dark:text-gray-400 font-light leading-8">
               <div>
                 {post.category && <>
                   <Link href={`/category/${post.category}`} passHref>
-                  <a className="cursor-pointer text-md mr-2 dark:hover:text-white border-b dark:border-gray-500 border-dashed">
+                  <a className="cursor-pointer mr-2 dark:hover:text-white border-b dark:border-gray-500 border-dashed">
                     <i className="mr-1 fas fa-folder-open" />
                     {post.category}
                   </a>