hexo header

themes/heo/components/Header.js

@@ -144,11 +144,9 @@ const Header = props => {
             ${fixedNav ? 'fixed' : 'relative bg-transparent'} 
             ${textWhite ? 'text-white ' : 'text-black dark:text-white'}  
             ${navBgWhite ? 'bg-white dark:bg-[#18171d] shadow' : 'bg-transparent'}`}>
-        <div className='flex h-full mx-auto justify-between items-center max-w-[86rem] px-8'>
+        <div className='flex h-full mx-auto justify-between items-center max-w-[86rem] px-6'>
           {/* 左侧logo */}
-          <div className='flex'>
-            <Logo {...props} />
-          </div>
+          <Logo {...props} />
 
           {/* 中间菜单 */}
           <div

themes/heo/components/Logo.js

@@ -1,24 +1,30 @@
 import { Home } from '@/components/HeroIcons'
 import LazyImage from '@/components/LazyImage'
-import Link from 'next/link'
 import { siteConfig } from '@/lib/config'
+import Link from 'next/link'
 
 const Logo = props => {
   const { siteInfo } = props
   return (
-        <Link href='/' passHref legacyBehavior>
-            <div className='flex flex-nowrap justify-center items-center cursor-pointer font-extrabold'>
-                <LazyImage src={siteInfo?.icon} width={24} height={24} alt={siteConfig('AUTHOR')} className='mr-4 hidden md:block' />
-                <div id='logo-text' className='group rounded-2xl flex-none relative'>
-                    <div className='group-hover:opacity-0 opacity-100 visible group-hover:invisible text-lg my-auto rounded dark:border-white duration-200'>
-                        {siteConfig('TITLE') }
-                    </div>
-                    <div className='flex justify-center rounded-2xl group-hover:bg-indigo-600 w-full group-hover:opacity-100 opacity-0 invisible group-hover:visible absolute top-0 py-1 duration-200'>
-                        <Home className={'w-6 h-6 stroke-white stroke-2 '}/>
-                    </div>
-                </div>
-            </div>
-        </Link>
+    <Link href='/' passHref legacyBehavior>
+      <div className='flex flex-nowrap items-center cursor-pointer font-extrabold'>
+        <LazyImage
+          src={siteInfo?.icon}
+          width={24}
+          height={24}
+          alt={siteConfig('AUTHOR')}
+          className='mr-4 hidden md:block'
+        />
+        <div id='logo-text' className='group rounded-2xl flex-none relative'>
+          <div className='group-hover:opacity-0 opacity-100 visible group-hover:invisible text-lg my-auto rounded dark:border-white duration-200'>
+            {siteConfig('TITLE')}
+          </div>
+          <div className='flex justify-center rounded-2xl group-hover:bg-indigo-600 w-full group-hover:opacity-100 opacity-0 invisible group-hover:visible absolute top-0 py-1 duration-200'>
+            <Home className={'w-6 h-6 stroke-white stroke-2 '} />
+          </div>
+        </div>
+      </div>
+    </Link>
   )
 }
 export default Logo