diff --git a/blog.config.js b/blog.config.js
index d590af63..dd0180af 100644
--- a/blog.config.js
+++ b/blog.config.js
@@ -62,7 +62,8 @@ const BLOG = {
   googleAdsenseId: 'ca-pub-2708419466378217', // 谷歌广告ID
   DaoVoiceId: '', // 在线聊天 DaoVoice http://dashboard.daovoice.io/get-started
   TidioId: '', // 在线聊天 https://www.tidio.com/
-  isProd: process.env.VERCEL_ENV === 'production' // distinguish between development and production environment (ref: https://vercel.com/docs/environment-variables#system-environment-variables)
+  isProd: process.env.VERCEL_ENV === 'production', // distinguish between development and production environment (ref: https://vercel.com/docs/environment-variables#system-environment-variables)
+  showPet: true // 详情页是否显示宠物挂件
 
 }
 // export default BLOG
diff --git a/components/ArticleDetail.js b/components/ArticleDetail.js
index ed2f623a..136f5085 100644
--- a/components/ArticleDetail.js
+++ b/components/ArticleDetail.js
@@ -177,6 +177,7 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
       </div>
 
       {/* 宠物 */}
+      {BLOG.showPet && <Live2D/>}
       <Live2D/>
 
     </>)
diff --git a/components/InfoCard.js b/components/InfoCard.js
index 9afc803f..da214ec8 100644
--- a/components/InfoCard.js
+++ b/components/InfoCard.js
@@ -13,7 +13,7 @@ const InfoCard = ({ postCount }) => {
           height={120}
           loading='lazy'
           src='/avatar.jpg'
-          className='rounded-full border-black'
+          className='rounded-full'
         />
         </div>
         <div className='text-3xl font-serif dark:text-white py-2 hover:scale-105 transform duration-200'>{BLOG.title}</div>
diff --git a/components/LatestPostsGroup.js b/components/LatestPostsGroup.js
index a754553c..3b7d5b31 100644
--- a/components/LatestPostsGroup.js
+++ b/components/LatestPostsGroup.js
@@ -33,8 +33,8 @@ const LatestPostsGroup = ({ posts, sliceCount = 5 }) => {
         return (
           <Link key={post.id} title={post.title} href={`${BLOG.path}/article/${post.slug}`} passHref>
             <a className={ 'my-1 px-2 flex font-light'}>
-              <div className={ (selected ? 'text-white  bg-gray-600 ' : 'text-gray-500 dark:text-gray-400 ') + 'text-xs py-1.5 flex overflow-x-hidden whitespace-nowrap hover:bg-gray-500 px-3 w-full ' +
-                'hover:text-white dark:hover:text-white cursor-pointer truncate' }>
+              <div className={ (selected ? 'text-white  bg-gray-600 ' : 'text-gray-500 dark:text-gray-400 ') + ' text-xs py-1.5 flex overflow-x-hidden whitespace-nowrap hover:bg-gray-500 px-3 w-full ' +
+                'hover:text-white dark:hover:text-white cursor-pointer' }>
                 <FontAwesomeIcon icon={faFileAlt} className='mr-2'/>
                 {post.title}
               </div>
diff --git a/components/SideAreaRight.js b/components/SideAreaRight.js
index b2cafa35..4eb35421 100644
--- a/components/SideAreaRight.js
+++ b/components/SideAreaRight.js
@@ -78,7 +78,7 @@ const SideAreaRight = ({
         {categories && (
           <section className='shadow py-4 mb-5 bg-white dark:bg-gray-800 hover:shadow-xl duration-200'>
             <div className='text-sm px-5 mb-2 flex flex-nowrap justify-between font-light'>
-              <div className='pb-1 text-gray-600 dark:text-gray-200'><FontAwesomeIcon icon={faThList} className='mr-2' />{locale.COMMON.CATEGORY}</div>
+              <div className='pb-1 text-gray-600 dark:text-gray-300'><FontAwesomeIcon icon={faThList} className='mr-2' />{locale.COMMON.CATEGORY}</div>
               <Link href='/category' passHref>
                 <a className='text-gray-400 hover:text-black dark:text-gray-400 dark:hover:text-white hover:underline cursor-pointer'>
                   {locale.COMMON.MORE} <FontAwesomeIcon icon={faAngleDoubleRight} />
@@ -93,7 +93,7 @@ const SideAreaRight = ({
         {posts && (
           <section className="shadow py-4 mb-5 bg-white dark:bg-gray-800 hover:shadow-xl duration-200">
             <div className="text-sm pb-2 px-5  flex flex-nowrap justify-between">
-              <div className="font-light text-gray-600  dark:text-gray-200">
+              <div className="font-light text-gray-600  dark:text-gray-300">
                 <FontAwesomeIcon icon={faArchive} className="mr-2" />
                 {locale.COMMON.LATEST_POSTS}
                 <span className='text-red-500 text-xs ml-1'>NEW</span>
diff --git a/pages/archive/index.js b/pages/archive/index.js
index 1d4c1550..47ab9f59 100644
--- a/pages/archive/index.js
+++ b/pages/archive/index.js
@@ -75,7 +75,7 @@ const Index = ({ allPosts, tags, categories }) => {
              <BlogPostArchive key={archiveTitle} posts={archivePosts[archiveTitle]} archiveTitle={archiveTitle}/>
           ))}
         </div>
-        <Live2D/>
+        {BLOG.showPet && <Live2D/>}
     </BaseLayout>
   )
 }