部分组件统一;magzine页脚微调

themes/example/components/Footer.js

@@ -1,44 +1,25 @@
+import { BeiAnGongAn } from '@/components/BeiAnGongAn'
+import BeiAnSite from '@/components/BeiAnSite'
+import CopyRightDate from '@/components/CopyRightDate'
 import DarkModeButton from '@/components/DarkModeButton'
-import { GongAnBeiAn } from '@/components/GongAnBeiAn'
-import { siteConfig } from '@/lib/config'
+import PoweredBy from '@/components/PoweredBy'
 
 export const Footer = props => {
-  const d = new Date()
-  const currentYear = d.getFullYear()
-  const since = siteConfig('SINCE')
-  const copyrightDate =
-    parseInt(since) < currentYear ? since + '-' + currentYear : currentYear
-
   return (
-    <footer className='z-10 relative w-full bg-white px-6 border-t dark:border-hexo-black-gray dark:bg-hexo-black-gray '>
+    <footer className='z-10 relative w-full bg-white px-6 space-y-1 border-t dark:border-hexo-black-gray dark:bg-hexo-black-gray '>
       <DarkModeButton className='text-center pt-4' />
 
       <div className='container mx-auto max-w-4xl py-6 md:flex flex-wrap md:flex-no-wrap md:justify-between items-center text-sm'>
-        <div className='text-center'>
-          {' '}
-          &copy;{`${copyrightDate}`} {siteConfig('AUTHOR')}. All rights
-          reserved.
-        </div>
+        <CopyRightDate />
         <div className='md:p-0 text-center md:text-right text-xs'>
           {/* 右侧链接 */}
           {/* <a href="#" className="text-black no-underline hover:underline">Privacy Policy</a> */}
-          {siteConfig('BEI_AN') && (
-            <a
-              href='https://beian.miit.gov.cn/'
-              className='text-black dark:text-gray-200 no-underline hover:underline ml-4'>
-              {siteConfig('BEI_AN')}{' '}
-            </a>
-          )}
-          <GongAnBeiAn />
-          <span className='dark:text-gray-200 no-underline ml-4'>
-            Powered by
-            <a
-              href='https://github.com/tangly1024/NotionNext'
-              className=' hover:underline'>
-              {' '}
-              NotionNext {siteConfig('VERSION')}{' '}
-            </a>
-          </span>
+          <div className='flex flex-wrap'>
+            {' '}
+            <BeiAnSite />
+            <BeiAnGongAn />
+          </div>
+          <PoweredBy />
         </div>
       </div>
     </footer>