gitbook广告微调

themes/gitbook/components/Catalog.js

@@ -10,7 +10,6 @@ import { isBrowser } from '@/lib/utils'
  * @constructor
  */
 const Catalog = ({ post }) => {
-  const tocIds = []
   const toc = post?.toc
   // 同步选中目录事件
   const [activeSection, setActiveSection] = useState(null)
@@ -28,7 +27,7 @@ const Catalog = ({ post }) => {
   const actionSectionScrollSpy = useCallback(throttle(() => {
     const sections = document.getElementsByClassName('notion-h')
     let prevBBox = null
-    let currentSectionId = activeSection
+    let currentSectionId = null
     for (let i = 0; i < sections.length; ++i) {
       const section = sections[i]
       if (!section || !(section instanceof Element)) continue
@@ -48,6 +47,7 @@ const Catalog = ({ post }) => {
       break
     }
     setActiveSection(currentSectionId)
+    const tocIds = post?.toc?.map((t) => uuidToId(t.id)) || []
     const index = tocIds.indexOf(currentSectionId) || 0
     if (isBrowser && tocIds?.length > 0) {
       for (const tocWrapper of document?.getElementsByClassName('toc-wrapper')) {
@@ -66,7 +66,6 @@ const Catalog = ({ post }) => {
       <nav className='h-full  text-black'>
         {toc.map((tocItem) => {
           const id = uuidToId(tocItem.id)
-          tocIds.push(id)
           return (
             <a
               key={id}

themes/gitbook/index.js

@@ -89,11 +89,10 @@ const LayoutBase = (props) => {
                         </div>
                     </div>
 
-                    <div id='center-wrapper' className='flex flex-col justify-between w-full relative z-10 pt-12 min-h-screen'>
+                    <div id='center-wrapper' className='flex flex-col justify-between w-full relative z-10 pt-14 min-h-screen'>
 
                         <div id='container-inner' className='w-full px-7 max-w-3xl justify-center mx-auto'>
                             {slotTop}
-                            <AdSlot type='in-article' />
                             <WWAds className='w-full' orientation='horizontal'/>
 
                             <Transition
@@ -134,7 +133,6 @@ const LayoutBase = (props) => {
 
                             <div className='py-4'>
                                 <Catalog {...props} />
-                                <WWAds/>
                                 {slotRight}
                                 {router.route === '/' && <>
                                     <InfoCard {...props} />
@@ -145,6 +143,7 @@ const LayoutBase = (props) => {
                                 <Announcement {...props} />
                             </div>
 
+                            <AdSlot type='in-article' />
                             <Live2D />
 
                         </div>

themes/hexo/components/Catalog.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import throttle from 'lodash.throttle'
 import { uuidToId } from 'notion-utils'
 import Progress from './Progress'
@@ -13,7 +13,7 @@ import { useGlobal } from '@/lib/global'
 const Catalog = ({ toc }) => {
   const { locale } = useGlobal()
   // 监听滚动事件
-  React.useEffect(() => {
+  useEffect(() => {
     window.addEventListener('scroll', actionSectionScrollSpy)
     actionSectionScrollSpy()
     return () => {
@@ -26,10 +26,10 @@ const Catalog = ({ toc }) => {
   const tocIds = []
 
   // 同步选中目录事件
-  const [activeSection, setActiveSection] = React.useState(null)
+  const [activeSection, setActiveSection] = useState(null)
 
   const throttleMs = 200
-  const actionSectionScrollSpy = React.useCallback(throttle(() => {
+  const actionSectionScrollSpy = useCallback(throttle(() => {
     const sections = document.getElementsByClassName('notion-h')
     let prevBBox = null
     let currentSectionId = activeSection