hexo 上边距调整

themes/hexo/LayoutArchive.js

@@ -17,7 +17,8 @@ export const LayoutArchive = (props) => {
       }, 300)
     }
   }, [])
-  return <LayoutBase {...props} >
+
+  return <LayoutBase {...props} className='pt-8'>
     <Card className='w-full'>
     <div className="mb-10 pb-20 bg-white md:p-12 p-3 min-h-full dark:bg-hexo-black-gray">
         {Object.keys(archivePosts).map(archiveTitle => (

themes/hexo/LayoutBase.js

@@ -75,7 +75,7 @@ const LayoutBase = props => {
 
       <main id="wrapper" className="bg-hexo-background-gray dark:bg-black w-full py-8 md:px-8 lg:px-24 min-h-screen relative">
         <div id="container-inner" className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10'} >
-          <div className="w-full max-w-4xl h-full">
+          <div className={'w-full max-w-4xl h-full ' + props.className}>
             {onLoading ? <LoadingCover /> : children}
           </div>
           <SideRight {...props} slot={rightAreaSlot} />

themes/hexo/LayoutCategory.js

@@ -5,7 +5,7 @@ import BLOG from '@/blog.config'
 
 export const LayoutCategory = props => {
   const { category } = props
-  return <LayoutBase {...props}>
+  return <LayoutBase {...props} className='mt-8'>
         <div className="cursor-pointer text-lg px-5 py-1 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
             <i className="mr-1 far fa-folder-open" />
             {category}

themes/hexo/LayoutCategoryIndex.js

@@ -7,7 +7,7 @@ export const LayoutCategoryIndex = props => {
   const { categoryOptions } = props
   const { locale } = useGlobal()
   return (
-    <LayoutBase {...props}>
+    <LayoutBase {...props} className='mt-8'>
       <Card className="w-full min-h-screen">
         <div className="dark:text-gray-200 mb-5 mx-3">
           <i className="mr-4 fas fa-th" />

themes/hexo/LayoutPage.js

@@ -2,7 +2,7 @@ import BlogPostListPage from './components/BlogPostListPage'
 import LayoutBase from './LayoutBase'
 
 export const LayoutPage = (props) => {
-  return <LayoutBase {...props}>
+  return <LayoutBase {...props} className='mt-8'>
       <BlogPostListPage {...props}/>
   </LayoutBase>
 }

themes/hexo/LayoutSearch.js

@@ -38,7 +38,7 @@ export const LayoutSearch = props => {
     }, 100)
   })
   return (
-      <LayoutBase {...props} currentSearch={currentSearch}>
+      <LayoutBase {...props} currentSearch={currentSearch} className='pt-8'>
           {!currentSearch && <>
               <div className="my-6 px-2">
                   <SearchInput cRef={cRef} {...props} />

themes/hexo/LayoutTag.js

@@ -11,7 +11,7 @@ export const LayoutTag = (props) => {
   })
 
   return (
-      <LayoutBase {...props}>
+      <LayoutBase {...props} className='mt-8'>
             {tag && (
                 <div className="cursor-pointer px-3 py-2 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
                     <Link

themes/hexo/LayoutTagIndex.js

@@ -7,7 +7,7 @@ export const LayoutTagIndex = props => {
   const { tagOptions } = props
   const { locale } = useGlobal()
   return (
-    <LayoutBase {...props}>
+    <LayoutBase {...props} className='mt-8'>
       <Card className='w-full'>
         <div className="dark:text-gray-200 mb-5 ml-4">
           <i className="mr-4 fas fa-tag" />