From 13b0c03b4f09412ee8ec309e550f6b0dfa220244 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 24 Dec 2021 16:44:05 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E5=AD=97=E6=95=B0=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ArticleDetail.js | 2 +-
 components/WordCount.js     | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/ArticleDetail.js b/components/ArticleDetail.js
index c67e3804..0eee4451 100644
--- a/components/ArticleDetail.js
+++ b/components/ArticleDetail.js
@@ -92,7 +92,7 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
                   {post.summary}
                 </h2>
 
-                <section className='flex justify-end py-2 pl-1 dark:text-white items-center font-light italic text-sm'>
+                <section className='flex justify-end py-2 pl-1 text-gray-600 dark:text-gray-400 items-center font-light text-sm'>
                     <WordCount/>
                 </section>
 
diff --git a/components/WordCount.js b/components/WordCount.js
index dee406e2..5c0e75c1 100644
--- a/components/WordCount.js
+++ b/components/WordCount.js
@@ -1,3 +1,5 @@
+import { faClock, faFileWord } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useEffect } from 'react'
 
 /**
@@ -10,7 +12,7 @@ export default function WordCount () {
   })
 
   return <div id='wordCountWrapper' className='hidden'>
-    本文共<strong id='wordCount'>0</strong>字，阅读需要约<strong id='readTime'>0</strong>分钟
+   <FontAwesomeIcon icon={faFileWord}/> 本文字数 <strong id='wordCount'>0</strong> &nbsp;|&nbsp; <FontAwesomeIcon icon={faClock}/> 阅读时长 ≈ <strong id='readTime'>0</strong> 分钟
     </div>
 }