文章页加入Footer

components/Footer.js

@@ -6,12 +6,12 @@ const Footer = ({ fullWidth = true }) => {
   const y = d.getFullYear()
   return (
     <footer
-      className='flex-shrink-0 m-auto w-full mx-auto text-gray-500 dark:text-gray-400 text-sm text-gray-400 p-6'
+      className='flex-shrink-0 justify-center text-center m-auto w-full mx-auto text-gray-500 dark:text-gray-400 text-sm text-gray-400 p-6'
     >
-      <span className='fa fa-shield leading-6'> <a href='https://beian.miit.gov.cn/' className='ml-1'>闽ICP备20010331号</a></span>
-      <br />
-      <span className='fa fa-copyright leading-6'> {` ${y}`} {BLOG.author} </span>
+      <span className='fa fa-copyright leading-6'> {` ${y}`} <span>Made with ♥︎ by  <a href='https://www.tangly1024.com/article/about' className='underline'>@tangly1024</a>. Powered by <a href='https://notion.so' className='underline'>Notion</a> & <a href='https://vercel.com' className='underline'>Vercel</a>.</span> </span>
       <br />
+      <span className='fa fa-shield leading-6 mr-2'> <a href='https://beian.miit.gov.cn/' className='ml-1'>闽ICP备20010331号</a></span>
+
       <span id='busuanzi_container_site_pv' className=''>
             <a id='busuanzi_container_site_pv' target='_blank' className='fa  fa-eye' rel='noreferrer'
                href='https://www.cnzz.com/stat/website.php?web_id=1279970751'><span
@@ -22,6 +22,8 @@ const Footer = ({ fullWidth = true }) => {
             href='http://tongji.baidu.com/web/10000363165/overview/index?siteId=16809429'>
           <span id='busuanzi_value_site_uv' className='px-1'>99999</span>uv</a>
       </span>
+      <br/>
+
     </footer>
   )
 }

layouts/ArticleLayout.js

@@ -16,6 +16,7 @@ import JumpToTop from '@/components/JumpToTop'
 import CommonHead from '@/components/CommonHead'
 import TopNav from '@/components/TopNav'
 import SideBar from '@/components/SideBar'
+import Footer from '@/components/Footer'
 
 const mapPageUrl = id => {
   return 'https://www.notion.so/' + id.replace(/-/g, '')
@@ -71,7 +72,7 @@ const ArticleLayout = ({
 
             <article
               ref={targetRef}
-              className='mb-20 overflow-x-auto px-10 py-10 max-w-5xl mx-auto bg-white dark:border-gray-700 dark:bg-gray-700'>
+              className='mb-10 overflow-x-auto px-10 py-10 max-w-5xl mx-auto bg-white dark:border-gray-700 dark:bg-gray-700'>
               {/* 文章标题 */}
               <h1 className='font-bold text-4xl text-black my-5 dark:text-white animate__animated animate__fadeIn'>
                 {frontMatter.title}
@@ -155,6 +156,11 @@ const ArticleLayout = ({
               {/* 评论互动 */}
               <Comment frontMatter={frontMatter} />
             </article>
+
+            <div className='w-full border-t px-10 max-w-5xl mx-auto'>
+              <Footer/>
+            </div>
+
         </main>
 
         {/* 下方菜单组 */}