feature:

微调

components/ArticleDetail.js

@@ -44,7 +44,7 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
   return (<>
       <div id="article-wrapper" ref={targetRef} className="flex-grow mt-14 md:mt-0 max-w-5xl mx-auto w-screen md:w-full ">
           <article itemScope itemType="https://schema.org/Movie"
-            className="rounded-xl shadow-md duration-300 hover:shadow-2xl animate__fadeIn animate__animated subpixel-antialiased py-10 px-5 lg:pt-24 lg:px-48 dark:border-gray-700 bg-white dark:bg-gray-900"
+            className="rounded-xl shadow-md duration-300 hover:shadow-2xl animate__fadeIn animate__animated subpixel-antialiased py-10 px-5 lg:pt-24 md:px-24 xl:px-48 dark:border-gray-700 bg-white dark:bg-gray-900"
           >
             <header>
                 {post.type && !post.type.includes('Page') && post?.page_cover && (

components/BlogPostListScroll.js

@@ -33,7 +33,7 @@ const BlogPostListScroll = ({ posts = [], tags, currentSearch, currentCategory,
   const scrollTrigger = useCallback(throttle(() => {
     const scrollS = window.scrollY + window.outerHeight
     const clientHeight = targetRef ? (targetRef.current ? (targetRef.current.clientHeight) : 0) : 0
-    if (scrollS > clientHeight + 10) {
+    if (scrollS > clientHeight + 100) {
       handleGetMore()
     }
   }, 500))

components/SideArea.js

@@ -52,17 +52,6 @@ const SideArea = ({ title, tags, currentTag, post, posts, categories, currentCat
         </section>
       )}
 
-      <section className='rounded-xl shadow-lg py-4 mt-5 px-2 bg-white dark:bg-gray-800 hover:shadow-2xl duration-200'>
-          {/* 展示广告  */}
-          <ins className="adsbygoogle"
-            style={{ display: 'block' }}
-            data-adtest="on"
-            data-ad-client="ca-pub-2708419466378217"
-            data-ad-slot="8807314373"
-            data-ad-format="auto"
-            data-full-width-responsive="true"></ins>
-      </section>
-
       {/* 分类  */}
       {categories && (
         <section className='rounded-xl shadow-lg py-4 mt-5 bg-white dark:bg-gray-800 hover:shadow-2xl duration-200'>

components/Toc.js

@@ -51,14 +51,14 @@ const Toc = ({ toc }) => {
   }, throttleMs))
 
   return <>
-    <nav className=' dark:text-gray-100 glassmorphism overflow-y-auto scroll-hidden p-6'>
+    <nav className=' dark:text-gray-100 bg-white dark:bg-gray-800 overflow-y-auto scroll-hidden p-6'>
       {toc.map((tocItem) => {
         const id = uuidToId(tocItem.id)
         return (
           <a
             key={id}
             href={`#${id}`}
-            className={`notion-table-of-contents-item px-5 duration-300 transform font-light
+            className={`notion-table-of-contents-item duration-300 transform font-light
             notion-table-of-contents-item-indent-level-${tocItem.indentLevel} 
             ${activeSection === id && ' font-bold text-blue-400 dark:text-white'}`}
           >

components/TocDrawer.js

@@ -29,7 +29,7 @@ const TocDrawer = ({ post, cRef }) => {
         '  shadow-xl animate__animated animate__faster max-h-96 ' +
         ' w-60 duration-200 fixed right-4 top-16 rounded overflow-y-auto'}>
           {post && <>
-            <div className='text-xl font-bold text-black dark:text-white glassmorphism py-3 px-6'>
+            <div className='text-xl font-bold text-black dark:text-white bg-gray-200 dark:bg-gray-600 py-2 px-6'>
               {locale.COMMON.TABLE_OF_CONTENTS}
             </div>
             <Toc toc={post.toc}/>