站点信息读取Notion数据

themes/hexo/components/ArticleRecommend.js

@@ -25,7 +25,7 @@ export default function ArticleRecommend ({ recommendPosts }) {
         {recommendPosts.map(post => {
           const headerImage = post?.page_cover
             ? `url("${post.page_cover}")`
-            : `url("/${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
+            : `url("/${BLOG.HOME_BANNER_IMAGE}")`
 
           return (
             <Link key={post.id} title={post.title} href={`${BLOG.PATH}/article/${post.slug}`} passHref>

themes/hexo/components/Header.js

@@ -1,4 +1,3 @@
-import BLOG from '@/blog.config'
 import { useGlobal } from '@/lib/global'
 import { useEffect, useState } from 'react'
 import Typed from 'typed.js'
@@ -12,10 +11,10 @@ let autoScroll = false
  *
  * @returns 头图
  */
-export default function Header () {
+const Header = props => {
   const [typed, changeType] = useState()
   const { isDarkMode } = useGlobal()
-
+  const { siteInfo } = props
   useEffect(() => {
     scrollTrigger()
     updateHeaderHeight()
@@ -102,11 +101,11 @@ export default function Header () {
       className="duration-500 md:bg-fixed w-full bg-cover bg-center h-screen bg-black text-white"
       style={{
         backgroundImage:
-          `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
+          `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${siteInfo.pageCover}")`
       }}
     >
       <div className="absolute flex flex-col h-full items-center justify-center w-full font-sans">
-        <div className='text-4xl md:text-5xl text-white shadow-text'>{BLOG.TITLE}</div>
+        <div className='text-4xl md:text-5xl text-white shadow-text'>{siteInfo.title}</div>
         <div className='mt-2 h-12 items-center text-center shadow-text text-white text-lg'>
           <span id='typed'/>
         </div>
@@ -122,3 +121,5 @@ export default function Header () {
     </header>
   )
 }
+
+export default Header

themes/hexo/components/HeaderArticle.js

@@ -1,11 +1,11 @@
 import Link from 'next/link'
 import { useGlobal } from '@/lib/global'
 import formatDate from '@/lib/formatDate'
-import CONFIG_HEXO from '../config_hexo'
 import { useEffect } from 'react'
+import BLOG from '@/blog.config'
 
 export default function HeaderArticle ({ post }) {
-  const headerImage = post?.page_cover ? `url("${post.page_cover}")` : `url("/${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
+  const headerImage = post?.page_cover ? `url("${post.page_cover}")` : `url("/${BLOG.HOME_BANNER_IMAGE}")`
   const { isDarkMode } = useGlobal()
 
   const { locale } = useGlobal()

themes/hexo/components/LatestPostsGroup.js

@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { useGlobal } from '@/lib/global'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import CONFIG_HEXO from '../config_hexo'
 
 /**
  * 最新文章列表
@@ -30,7 +29,7 @@ const LatestPostsGroup = ({ posts }) => {
         const selected = currentPath === `${BLOG.PATH}/article/${post.slug}`
         const headerImage = post?.page_cover
           ? `url("${post.page_cover}")`
-          : `url("/${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
+          : `url("/${BLOG.HOME_BANNER_IMAGE}")`
 
         return (
           <Link

themes/hexo/components/Logo.js

@@ -1,11 +1,11 @@
 import Link from 'next/link'
-import BLOG from '@/blog.config'
 import React from 'react'
 
-const Logo = () => {
+const Logo = props => {
+  const { siteInfo } = props
   return <Link href='/' passHref>
         <div className='flex flex-col justify-center items-center cursor-pointer space-y-3'>
-          <div className='font-sans text-lg p-1.5 rounded bg-black text-white dark:border-white border-black border'> {BLOG.TITLE}</div>
+          <div className='font-sans text-lg p-1.5 rounded bg-black text-white dark:border-white border-black border'> {siteInfo.title}</div>
         </div>
   </Link>
 }

themes/hexo/components/TopNav.js

@@ -18,7 +18,7 @@ let windowTop = 0
  * @param {*} param0
  * @returns
  */
-const TopNav = (props) => {
+const TopNav = props => {
   const { tags, currentTag, categories, currentCategory } = props
   const { locale } = useGlobal()
   const searchDrawer = useRef()
@@ -94,7 +94,7 @@ const TopNav = (props) => {
     <div id='sticky-nav' className={`${CONFIG_HEXO.NAV_TYPE !== 'normal' ? 'fixed bg-white' : ' bg-none -mb-10'} animate__animated animate__fadeIn dark:bg-hexo-black-gray dark:text-gray-200 text-black w-full top-0 z-20 transform duration-200 font-san `}>
       <div className='w-full flex justify-between items-center px-4 py-2 border dark:border-transparent'>
         <div className='flex'>
-         <Logo/>
+         <Logo {...props}/>
         </div>
 
         {/* 右侧功能 */}