diff --git a/components/CommonHead.js b/components/CommonHead.js
index 8104ea80..84f2feea 100644
--- a/components/CommonHead.js
+++ b/components/CommonHead.js
@@ -19,10 +19,7 @@ const CommonHead = ({ meta, children }) => {
     <Head>
       <title>{title}</title>
       <meta name="theme-color" content={BLOG.BACKGROUND_DARK} />
-      <meta
-        name="viewport"
-        content="width=device-width, initial-scale=1.0, user-scalable=no"
-      />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
       <meta name="robots" content="follow, index" />
       <meta charSet="UTF-8" />
       {BLOG.SEO_GOOGLE_SITE_VERIFICATION && (
diff --git a/public/css/theme-simple.css b/public/css/theme-simple.css
index 0b2f13cd..bc7b2896 100644
--- a/public/css/theme-simple.css
+++ b/public/css/theme-simple.css
@@ -2,11 +2,11 @@
   /* background-color: #f6f6f6; */
 }
 
-#theme-simple #blog-item-title {
+#theme-simple .blog-item-title {
   color: #276077;
 }
 
-.dark #theme-simple #blog-item-title {
+.dark #theme-simple .blog-item-title {
   color: #d1d5db;
 }
 
diff --git a/themes/simple/components/ArticleInfo.js b/themes/simple/components/ArticleInfo.js
index 4dc2912c..393c0f98 100644
--- a/themes/simple/components/ArticleInfo.js
+++ b/themes/simple/components/ArticleInfo.js
@@ -14,8 +14,7 @@ export const ArticleInfo = (props) => {
         <section className="flex-wrap flex mt-2 text-gray-400 dark:text-gray-400 font-light leading-8">
             <div>
                 <h2
-                    id='blog-item-title'
-                    className="mb-5 font-bold text-black text-xl md:text-2xl no-underline">
+                    className="blog-item-title mb-5 font-bold text-black text-xl md:text-2xl no-underline">
                     {post.title}
                 </h2>
 
diff --git a/themes/simple/components/BlogItem.js b/themes/simple/components/BlogItem.js
index c99092b7..75d04989 100644
--- a/themes/simple/components/BlogItem.js
+++ b/themes/simple/components/BlogItem.js
@@ -7,21 +7,30 @@ export const BlogItem = props => {
   const { post } = props
 
   return <div key={post.id} className="mb-10 pb-12 border-b dark:border-gray-800" >
+        {/* 文章标题 */}
+
         <h2 className="mb-5 ">
             <Link
-                id='blog-item-title'
                 href={`/${post.slug}`}
-                className="font-bold text-black text-xl md:text-2xl no-underline hover:underline">
+                className="blog-item-title font-bold text-black text-2xl no-underline hover:underline">
                 {post.title}
             </Link>
         </h2>
 
-        <div className="mb-4 text-sm text-gray-700 dark:text-gray-300">
-            <span> <i className="fa-regular fa-user"></i> <a href={CONFIG_SIMPLE.AUTHOR_LINK}>{BLOG.AUTHOR}</a></span>
-            <span> - <i className="fa-regular fa-clock"></i> {post.date?.start_date || post.createdTime}</span>
-            <span> - <TwikooCommentCount post={post}/></span>
-            {post.category && <span> - <i className="fa-regular fa-folder"></i> <a href={`/category/${post.category}`} className="hover:text-red-400 transition-all duration-200">{post.category}</a></span>}
+        {/* 文章信息 */}
+
+        <div className="mb-4 text-md space-x-2 text-gray-700 dark:text-gray-300 flex-wrap flex">
+            <span>  <i className="fa-regular fa-user"></i> <a href={CONFIG_SIMPLE.AUTHOR_LINK}>{BLOG.AUTHOR}</a></span>
+            <span>
+                <Link href={`/archive#${post?.date?.start_date?.substr(0, 7)}`}>
+                    <i className="fa-regular fa-clock" /> {post.date?.start_date || post.createdTime}
+                </Link>
+            </span>
+            <span>   <TwikooCommentCount post={post} /></span>
+
+            {post.category && <span>   <i className="fa-regular fa-folder"></i> <a href={`/category/${post.category}`} className="hover:text-red-400 transition-all duration-200">{post.category}</a></span>}
             {post.tags && post.tags?.length > 0 && post.tags.map(t => <span key={t}> / <Link href={`/tag/${t}`}><span className=' hover:text-red-400 transition-all duration-200'>{t}</span></Link></span>)}
+
         </div>
 
         <div className="text-gray-700 dark:text-gray-300 leading-normal mb-6">
@@ -30,7 +39,7 @@ export const BlogItem = props => {
         </div>
 
         <div className='block'>
-            <Link href={`/${post.slug}`} className='inline-block rounded-sm text-blue-400 text-xs dark:border-gray-800 border hover:text-red-400 transition-all duration-200 hover:border-red-300 h-9 leading-8 px-5'>
+            <Link href={`/${post.slug}`} className='inline-block rounded-sm text-blue-600 text-xs dark:border-gray-800 border hover:text-red-400 transition-all duration-200 hover:border-red-300 h-9 leading-8 px-5'>
                 Continue Reading <i className="fa-solid fa-angle-right align-middle"></i>
             </Link>
         </div>
diff --git a/themes/simple/components/SocialButton.js b/themes/simple/components/SocialButton.js
index f62ae7c2..85cbfb02 100644
--- a/themes/simple/components/SocialButton.js
+++ b/themes/simple/components/SocialButton.js
@@ -8,7 +8,7 @@ import React from 'react'
  */
 const SocialButton = () => {
   return <div className='w-52 justify-center flex-wrap flex'>
-    <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 text-center'>
+    <div className='space-x-3 md:text-xl text-3xl text-gray-600 dark:text-gray-400 text-center'>
       {BLOG.CONTACT_GITHUB && <a target='_blank' rel='noreferrer' title={'github'} href={BLOG.CONTACT_GITHUB} >
         <i className='fab fa-github transform hover:scale-125 duration-150'/>
       </a>}
