From e98db24cb7219b4f2ad265b85d6b3d10640dc2a2 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Mon, 21 Mar 2022 17:49:42 +0800
Subject: [PATCH] =?UTF-8?q?Hexo:lates=E7=BB=84=E4=BB=B6=E5=AD=97=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/components/LatestPostsGroup.js | 42 +++++++++++++++-------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/themes/hexo/components/LatestPostsGroup.js b/themes/hexo/components/LatestPostsGroup.js
index 5b0425ef..2adcac1a 100644
--- a/themes/hexo/components/LatestPostsGroup.js
+++ b/themes/hexo/components/LatestPostsGroup.js
@@ -18,9 +18,13 @@ const LatestPostsGroup = ({ posts }) => {
   const currentPath = useRouter().asPath
   const { locale } = useGlobal()
 
-  return <>
-      <div className='font-sans mb-2 px-1 flex flex-nowrap justify-between'>
-        <div><i className='mr-2 fas fas fa-history' />{locale.COMMON.LATEST_POSTS}</div>
+  return (
+    <>
+      <div className="font-sans mb-2 px-1 flex flex-nowrap justify-between">
+        <div>
+          <i className="mr-2 fas fas fa-history" />
+          {locale.COMMON.LATEST_POSTS}
+        </div>
       </div>
       {posts.map(post => {
         const selected = currentPath === `${BLOG.PATH}/article/${post.slug}`
@@ -29,20 +33,34 @@ const LatestPostsGroup = ({ posts }) => {
           : `url("/${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
 
         return (
-          <Link key={post.id} title={post.title} href={`${BLOG.PATH}/article/${post.slug}`} passHref>
-            <a className={ 'my-1 flex '}>
-              <div className='w-20 h-16 bg-cover bg-center bg-no-repeat' style={{ backgroundImage: headerImage }}/>
-              <div className={ (selected ? ' text-blue-400 ' : 'dark:text-gray-400 ') + ' text-sm py-1.5 overflow-x-hidden hover:text-blue-400 px-2 duration-200 w-full rounded ' +
-                'hover:text-white dark:hover:text-white cursor-pointer items-center flex'}>
-            <div>
-            <div style={{ WebkitLineClamp: 2 }}>{post.title}</div>
-                <div className='text-gray-500'>{post.date?.start_date}</div>
-            </div>
+          <Link
+            key={post.id}
+            title={post.title}
+            href={`${BLOG.PATH}/article/${post.slug}`}
+            passHref
+          >
+            <a className={'my-1 flex font-sans'}>
+              <div
+                className="w-20 h-16 bg-cover bg-center bg-no-repeat"
+                style={{ backgroundImage: headerImage }}
+              />
+              <div
+                className={
+                  (selected ? ' text-blue-400 ' : 'dark:text-gray-400 ') +
+                  ' text-sm py-1.5 overflow-x-hidden hover:text-blue-400 px-2 duration-200 w-full rounded ' +
+                  'hover:text-white dark:hover:text-white cursor-pointer items-center flex'
+                }
+              >
+                <div>
+                  <div style={{ WebkitLineClamp: 2 }}>{post.title}</div>
+                  <div className="text-gray-500">{post.date?.start_date}</div>
+                </div>
               </div>
             </a>
           </Link>
         )
       })}
     </>
+  )
 }
 export default LatestPostsGroup