From 1057ee82d1247e70d0eea8b4e602bc213d28f113 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 29 Sep 2021 17:29:33 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=8C=20=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/TagItem.js    |  2 +-
 layouts/ArticleLayout.js | 23 ++++++++++-------------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/components/TagItem.js b/components/TagItem.js
index fa0aa8dd..8935e0e3 100644
--- a/components/TagItem.js
+++ b/components/TagItem.js
@@ -3,7 +3,7 @@ import Link from 'next/link'
 const TagItem = ({ tag }) => (
   <Link href={`/tag/${encodeURIComponent(tag)}`}>
     <a>
-      <p className="hover:shadow hover:scale-105 hover:bg-gray-500 bg-gray-200 hover:text-white duration-200 mr-1 px-2 py-1 leading-none text-sm
+      <p className="hover:shadow hover:scale-105 hover:bg-gray-500 bg-gray-200 hover:text-white duration-200 mr-1 p-2 leading-none text-sm
       dark:bg-gray-500 dark:text-gray-100 dark:hover:bg-black">
         {tag}
       </p>
diff --git a/layouts/ArticleLayout.js b/layouts/ArticleLayout.js
index 53874548..5867ecfe 100644
--- a/layouts/ArticleLayout.js
+++ b/layouts/ArticleLayout.js
@@ -75,10 +75,17 @@ const ArticleLayout = ({
               </h1>
 
               {/* 文章信息 */}
-              <div className='justify-between flex flex-wrap bg-gray-50 p-2
-                  dark:bg-gray-700 dark:text-white'>
+              <div className='justify-between flex flex-wrap bg-gray-50 p-2 dark:bg-gray-700 dark:text-white'>
                 <div className='flex-nowrap flex'>
 
+                  {frontMatter.slug !== 'about' && (<>
+                    <a
+                      className='hidden md:block duration-200 px-1' href='/article/about'
+                    >
+                        <Image alt={BLOG.author} width={33} height={33} src='/avatar.svg'
+                                  className='rounded-full cursor-pointer transform hover:scale-125 duration-200' />
+                    </a>
+                  </>)}
                   {frontMatter.tags && (
                     <div className='flex flex-nowrap leading-8 p-1'>
                       {frontMatter.tags.map(tag => (
@@ -87,18 +94,8 @@ const ArticleLayout = ({
                     </div>
                   )}
 
-                  {frontMatter.slug !== 'about' && (<>
-                    <a
-                      className='flex-nowrap flex hidden md:block hover:bg-blue-500 hover:text-white duration-200 px-1 mx-1'
-                      href='/article/about'>
-                      <Image href='https://www.baidu.com' alt={BLOG.author} width={20} height={20} src='/avatar.svg'
-                             className='rounded-full' />
-                      <div className='mx-2 leading-6 my-1 md:block'>{BLOG.author}</div>
-                    </a>
-                  </>)}
-
                   {frontMatter.type[0] !== 'Page' && (
-                    <div className='flex items-start text-gray-500 dark:text-gray-400 text-sm leading-8 pr-3'>
+                    <div className='flex items-start text-gray-500 dark:text-gray-400 leading-10'>
                       {formatDate(
                         frontMatter?.date?.start_date || frontMatter.createdTime,
                         BLOG.lang