From 917d3f2e63150245c4d851e0cc3231aaad365ca1 Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Thu, 25 Nov 2021 16:44:06 +0800
Subject: [PATCH] =?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

---
 blog.config.js               |  4 ++--
 components/RecommendPosts.js |  6 +++---
 components/RewardButton.js   |  6 +++---
 layouts/BaseLayout.js        |  2 +-
 pages/article/[slug].js      | 12 ++----------
 5 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/blog.config.js b/blog.config.js
index a82b36fd..c4b4c886 100644
--- a/blog.config.js
+++ b/blog.config.js
@@ -8,7 +8,7 @@ const BLOG = {
   notionPageId: process.env.NOTION_PAGE_ID || 'bee1fccfa3bd47a1a7be83cc71372d83', // Important page_id！！！
   notionAccessToken: process.env.NOTION_ACCESS_TOKEN || '', // Useful if you prefer not to make your database public
   appearance: 'auto', // ['light', 'dark', 'auto'],
-  font: 'font-sans', // ['font-sans', 'font-serif', 'font-mono']
+  font: 'font-serif', // ['font-sans', 'font-serif', 'font-mono']
   lightBackground: '#ffffff', // use hex value, don't forget '#' e.g #fffefc
   darkBackground: '#111827', // use hex value, don't forget '#'
   path: '', // leave this empty unless you want to deploy in a folder
@@ -58,7 +58,7 @@ const BLOG = {
     }
   },
   isProd: process.env.VERCEL_ENV === 'production', // distinguish between development and production environment (ref: https://vercel.com/docs/environment-variables#system-environment-variables)
-  googleAdsenseId: 'ca-pub-2708419466378217',
+  googleAdsenseId: 'ca-pub-2708419466378217', //谷歌广告ID
   DaoVoiceId: '', // 在线聊天 DaoVoice http://dashboard.daovoice.io/get-started
   TidioId: '8lgekxyr9hr9m7archbs0a4a2gu9ckbg' // 在线聊天 https://www.tidio.com/
 }
diff --git a/components/RecommendPosts.js b/components/RecommendPosts.js
index 9eed4277..ccec996d 100644
--- a/components/RecommendPosts.js
+++ b/components/RecommendPosts.js
@@ -34,11 +34,11 @@ const RecommendPosts = ({ currentPost, totalPosts }) => {
     filteredPosts = filteredPosts.slice(0, 5)
   }
 
-  return <div className='dark:text-gray-300'>
-    <h2 className='text-3xl mb-2'>推荐文章</h2>
+  return <div className='dark:text-gray-300 dark:bg-gray-900 bg-gray-100 p-2 mb-2  border-l-4 border-yellow-500'>
+    <h2 className='ml-2 mb-2 font-bold'>相关推荐</h2>
     <ul className='list-disc px-5'>
       {filteredPosts.map(post => (
-        <li className='py-1' key={post.id} ><Link href={`/article/${post.slug}`}><a className='cursor-pointer hover:underline'>{post.title}</a></Link></li>
+        <li className='py-1' key={post.id} ><Link href={`/article/${post.slug}`}><a className='cursor-pointer underline'>{post.title}</a></Link></li>
       ))}
     </ul>
   </div>
diff --git a/components/RewardButton.js b/components/RewardButton.js
index e0b12354..f431ca1a 100644
--- a/components/RewardButton.js
+++ b/components/RewardButton.js
@@ -16,10 +16,10 @@ const   RewardButton = () => {
     setPopoverShow(false)
   }
   return (
-    <div onMouseEnter={openPopover} onMouseLeave={closePopover} className='py-5'>
-      <div className='bg-red-500 w-20 mx-auto animate__jello text-white hover:bg-green-400 duration-200 transform hover:scale-110 px-3 py-2 rounded cursor-pointer'>
+    <div onMouseEnter={openPopover} onMouseLeave={closePopover}>
+      <div className='bg-red-500 w-36 mx-auto animate__jello text-white hover:bg-green-400 duration-200 transform hover:scale-110 px-3 py-2 rounded cursor-pointer'>
           <span className='fa fa-qrcode mr-2' />
-          <span>打赏</span>
+          <span>打赏一杯咖啡</span>
       </div>
 
       <div className={ `${(popoverShow ? ' block ' : ' hidden ')} transform block z-50 font-normal`}>
diff --git a/layouts/BaseLayout.js b/layouts/BaseLayout.js
index 02939cc0..8fc41c9e 100644
--- a/layouts/BaseLayout.js
+++ b/layouts/BaseLayout.js
@@ -63,7 +63,7 @@ const BaseLayout = ({
   const targetRef = useRef(null)
 
   return (
-    <div id='wrapper' className={[BLOG.font, theme].join(' ')}>
+    <div id='wrapper' className={[BLOG.font,'subpixel-antialiased', theme].join(' ')}>
       <CommonHead meta={meta} />
 
       {/* 顶部导航栏 */}
diff --git a/pages/article/[slug].js b/pages/article/[slug].js
index 251d5369..cd585d16 100644
--- a/pages/article/[slug].js
+++ b/pages/article/[slug].js
@@ -109,20 +109,12 @@ const ArticleDetail = ({ post, blockMap, tags, prev, next, posts, categories })
           )}
         </div>
 
-        <RecommendPosts currentPost={post} totalPosts={posts}/>
-
-        <div id='end-slogan' className='flex justify-between justify-center my-12 dark:text-gray-200'>
-          <div>———</div>
-          <div>💖 本 文 结 束 😚 感 谢 您 的 阅 读 💖</div>
-          <div>———</div>
-        </div>
-        <div className='flex opacity-50 justify-center dark:text-gray-200'>
-          打赏一杯咖啡~
-        </div>
         <div className='flex justify-center pb-5'>
           <RewardButton />
         </div>
 
+        <RecommendPosts currentPost={post} totalPosts={posts}/>
+
         {/* 版权声明 */}
         <section
           className='overflow-auto dark:bg-gray-700 dark:text-gray-300 bg-gray-100 p-5 leading-8 border-l-4 border-red-500'>