From 2feef2c70c579248cc329693418b19be79a26f37 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Sun, 13 Feb 2022 11:44:26 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=BE=AE=E8=B0=83?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/Medium/LayoutSlug.js              |  8 ++++----
 themes/Medium/components/Footer.js       |  2 +-
 themes/Medium/components/LogoBar.js      | 12 +++++-------
 themes/Medium/components/SocialButton.js |  4 +---
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/themes/Medium/LayoutSlug.js b/themes/Medium/LayoutSlug.js
index 015e6d29..c0dd5a93 100644
--- a/themes/Medium/LayoutSlug.js
+++ b/themes/Medium/LayoutSlug.js
@@ -60,7 +60,7 @@ export const LayoutSlug = (props) => {
 
   return <LayoutBase {...props} meta={meta} showInfoCard={true} slotRight={slotRight}>
     <h1 className='text-4xl pt-12 font-sans'>{post?.title}</h1>
-    <div className='flex py-4 items-center font-sans px-1'>
+    <section className='flex py-4 items-center font-sans px-1'>
       <Link href='/about' passHref>
         <>
           <Image
@@ -75,7 +75,7 @@ export const LayoutSlug = (props) => {
         </>
       </Link>
       <div className='text-gray-500'>{date}</div>
-    </div>
+    </section>
     {/* Notion文章主体 */}
     <section id='notion-article' className='px-1 max-w-5xl'>
       {post.blockMap && (
@@ -102,10 +102,10 @@ export const LayoutSlug = (props) => {
            data-ad-client="ca-pub-2708419466378217"
            data-ad-slot="3806269138"/>
     </section>
-    <div>
+    <section>
       <ArticleAround prev={prev} next={next}/>
       <Comment frontMatter={post}/>
-    </div>
+    </section>
   </LayoutBase>
 }
 
diff --git a/themes/Medium/components/Footer.js b/themes/Medium/components/Footer.js
index 57ad7797..d9aac814 100644
--- a/themes/Medium/components/Footer.js
+++ b/themes/Medium/components/Footer.js
@@ -9,7 +9,7 @@ const Footer = ({ title }) => {
   const startYear = BLOG.SINCE && BLOG.SINCE !== currentYear && BLOG.SINCE + '-'
   return (
     <footer
-      className='dark:bg-gray-900 flex-shrink-0 justify-center text-center m-auto w-full leading-6 text-gray-400 text-sm p-6'
+      className='dark:bg-gray-900 flex-shrink-0 mb-8 justify-center text-center m-auto w-full leading-6 text-gray-400 text-sm p-6'
     >
       <FontAwesomeIcon icon={faCopyright} /> {`${startYear}${currentYear}`} <span><FontAwesomeIcon icon={faHeart} className='mx-1 animate-pulse'/> <a href={BLOG.LINK} className='underline font-bold text-gray-500 dark:text-gray-300 '>{BLOG.AUTHOR}</a>.
       <br/>
diff --git a/themes/Medium/components/LogoBar.js b/themes/Medium/components/LogoBar.js
index f8836744..2643a269 100644
--- a/themes/Medium/components/LogoBar.js
+++ b/themes/Medium/components/LogoBar.js
@@ -1,6 +1,4 @@
 import BLOG from '@/blog.config'
-import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 
 export default function LogoBar () {
@@ -16,11 +14,11 @@ export default function LogoBar () {
         {/*  <a className='text-gray-600'>{locale.NAV.ABOUT}</a> */}
         {/* </Link> */}
       </div>
-      {BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref>
-        <div className='bg-black px-2 py-1 rounded-full'>
-          <FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} />
-        </div>
-      </Link>}
+      {/* {BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref> */}
+      {/*  <div className='bg-black px-2 py-1 rounded-full'> */}
+      {/*    <FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} /> */}
+      {/*  </div> */}
+      {/* </Link>} */}
     </div>
   </div>
 }
diff --git a/themes/Medium/components/SocialButton.js b/themes/Medium/components/SocialButton.js
index 71f43da2..54b31158 100644
--- a/themes/Medium/components/SocialButton.js
+++ b/themes/Medium/components/SocialButton.js
@@ -10,8 +10,7 @@ import React from 'react'
  * @constructor
  */
 const SocialButton = () => {
-  return <div className='w-52 flex-wrap flex justify-center'>
-    <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 '>
+  return <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '>
       {BLOG.CONTACT_GITHUB && <a target='_blank' rel='noreferrer' title={'github'} href={BLOG.CONTACT_GITHUB} >
         <FontAwesomeIcon icon={faGithub} className='transform hover:scale-125 duration-150'/>
       </a>}
@@ -31,6 +30,5 @@ const SocialButton = () => {
         <FontAwesomeIcon icon={faRss} className='transform hover:scale-125 duration-150'/>
       </a>
     </div>
-  </div>
 }
 export default SocialButton

From 22c9ca095b3f00655a25e47466beaa3457826b29 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Sun, 13 Feb 2022 11:50:11 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feature:=20=E6=A0=87=E7=AD=BE=20=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/Medium/LayoutCategory.js     |  4 ++--
 themes/Medium/LayoutTag.js          |  4 ++--
 themes/Medium/components/LogoBar.js | 10 ----------
 3 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/themes/Medium/LayoutCategory.js b/themes/Medium/LayoutCategory.js
index 3a4bb0e9..caa5c5a8 100644
--- a/themes/Medium/LayoutCategory.js
+++ b/themes/Medium/LayoutCategory.js
@@ -1,8 +1,8 @@
 import LayoutBase from './LayoutBase'
+import BlogPostListPage from './components/BlogPostListPage'
 
 export const LayoutCategory = (props) => {
-  const { category } = props
   return <LayoutBase {...props}>
-    Category -  {category}
+    <BlogPostListPage {...props} />
   </LayoutBase>
 }
diff --git a/themes/Medium/LayoutTag.js b/themes/Medium/LayoutTag.js
index 5cfacb20..d0d5b556 100644
--- a/themes/Medium/LayoutTag.js
+++ b/themes/Medium/LayoutTag.js
@@ -1,8 +1,8 @@
 import LayoutBase from './LayoutBase'
+import BlogPostListPage from './components/BlogPostListPage'
 
 export const LayoutTag = (props) => {
-  const { tag } = props
   return <LayoutBase>
-     Tag - {tag}
+    <BlogPostListPage {...props} />
    </LayoutBase>
 }
diff --git a/themes/Medium/components/LogoBar.js b/themes/Medium/components/LogoBar.js
index 2643a269..c4fb5b1d 100644
--- a/themes/Medium/components/LogoBar.js
+++ b/themes/Medium/components/LogoBar.js
@@ -2,23 +2,13 @@ import BLOG from '@/blog.config'
 import Link from 'next/link'
 
 export default function LogoBar () {
-  // const { locale } = useGlobal()
-
   return <div id='top-wrapper' className='w-full flex justify-center font-sans'>
     <div className='flex mx-auto w-full  justify-between '>
       <div className='space-x-3 flex items-center'>
         <Link href='/'>
           <a className='text-2xl'>{BLOG.TITLE}</a>
         </Link>
-        {/* <Link href='/about'> */}
-        {/*  <a className='text-gray-600'>{locale.NAV.ABOUT}</a> */}
-        {/* </Link> */}
       </div>
-      {/* {BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref> */}
-      {/*  <div className='bg-black px-2 py-1 rounded-full'> */}
-      {/*    <FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} /> */}
-      {/*  </div> */}
-      {/* </Link>} */}
     </div>
   </div>
 }