From ebd410e3169becff341533b94861cd4db5d9d954 Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Thu, 17 Nov 2022 21:34:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E3=80=81=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=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/LayoutCategory.js |  4 ++--
 themes/hexo/LayoutTag.js      | 15 ++++++++++-----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/themes/hexo/LayoutCategory.js b/themes/hexo/LayoutCategory.js
index a13a33a3..12abfa10 100644
--- a/themes/hexo/LayoutCategory.js
+++ b/themes/hexo/LayoutCategory.js
@@ -6,8 +6,8 @@ import BLOG from '@/blog.config'
 export const LayoutCategory = props => {
   const { category } = props
   return <LayoutBase {...props}>
-        <div className="cursor-pointer px-5 py-1 mb-2 font-light hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform text-center dark:text-white">
-            <i className="mr-1 far fa-folder" />
+        <div className="cursor-pointer text-lg px-5 py-1 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
+            <i className="mr-1 far fa-folder-open" />
             {category}
         </div>
         {BLOG.POST_LIST_STYLE === 'page' ? <BlogPostListPage {...props} /> : <BlogPostListScroll {...props} />}
diff --git a/themes/hexo/LayoutTag.js b/themes/hexo/LayoutTag.js
index 75c308e5..1eb2c249 100644
--- a/themes/hexo/LayoutTag.js
+++ b/themes/hexo/LayoutTag.js
@@ -2,18 +2,23 @@ import BLOG from '@/blog.config'
 import BlogPostListScroll from './components/BlogPostListScroll'
 import BlogPostListPage from './components/BlogPostListPage'
 import LayoutBase from './LayoutBase'
-import TagItemMini from '../next/components/TagItemMini'
 import React from 'react'
+import Link from 'next/link'
 
 export const LayoutTag = (props) => {
-  const currentTag = props.tags.find((t) => {
+  const tag = props.tags.find((t) => {
     return t.name === props.tag
   })
 
   return <LayoutBase {...props}>
-        {currentTag && (
-            <div className="cursor-pointer px-5 py-1 mb-2 font-light hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform text-center dark:text-white">
-                <TagItemMini tag={currentTag} />
+        {tag && (
+            <div className="cursor-pointer px-3 py-2 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
+                <Link key={tag} href={`/tag/${encodeURIComponent(tag.name)}`} passHref>
+                    <a className={`cursor-pointer inline-block rounded duration-200
+                            mr-2 py-0.5 px-1 text-xl whitespace-nowrap ` }>
+                        <div className='font-light dark:text-gray-400 dark:hover:text-white'> #{tag.name + (tag.count ? `(${tag.count})` : '')} </div>
+                    </a>
+                </Link>
             </div>
         )}
         {BLOG.POST_LIST_STYLE === 'page' ? <BlogPostListPage {...props} /> : <BlogPostListScroll {...props} />}