heo主题页脚加入BIO介绍

components/CopyRightDate.js

@@ -16,11 +16,6 @@ export default function CopyRightDate() {
     <span className='whitespace-nowrap flex items-center gap-x-1'>
       <i className='fas fa-copyright' />
       <span>{copyrightDate}</span>
-      <a
-        href={siteConfig('LINK')}
-        className='underline font-semibold dark:text-gray-300 '>
-        {siteConfig('AUTHOR')}
-      </a>
     </span>
   )
 }

components/PoweredBy.js

@@ -6,9 +6,8 @@ import { siteConfig } from '@/lib/config'
  */
 export default function PoweredBy(props) {
   return (
-    <div
-      className={`gap-x-1 flex flex-wrap text-sm font-serif ${props.className || ''}`}>
-      <span>Powered by</span>
+    <div className={`inline text-sm font-serif ${props.className || ''}`}>
+      <span className='mr-1'>Powered by</span>
       <a
         href='https://github.com/tangly1024/NotionNext'
         className='underline justify-start'>

themes/heo/components/Footer.js

@@ -9,6 +9,7 @@ import SocialButton from './SocialButton'
  */
 const Footer = () => {
   const BEI_AN = siteConfig('BEI_AN')
+  const BIO = siteConfig('BIO')
   return (
     <footer className='relative flex-shrink-0 bg-white dark:bg-[#1a191d] justify-center text-center m-auto w-full leading-6  text-gray-600 dark:text-gray-100 text-sm'>
       {/* 颜色过度区 */}
@@ -28,9 +29,17 @@ const Footer = () => {
       <div
         id='footer-bottom'
         className='w-full h-20 flex flex-col p-3 lg:flex-row justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#21232A] border-t dark:border-t-[#3D3D3F]'>
-        <div id='footer-bottom-left'>
+        <div id='footer-bottom-left' className='text-center lg:text-start'>
           <PoweredBy />
-          <CopyRightDate />
+          <div className='flex gap-x-1'>
+            <CopyRightDate />
+            <a
+              href={'/about'}
+              className='underline font-semibold dark:text-gray-300 '>
+              {siteConfig('AUTHOR')}
+            </a>
+            {BIO && <span className='mx-1'> | {BIO}</span>}
+          </div>
         </div>
 
         <div id='footer-bottom-right'>