From dd7a8c9af111fb9ef53bd151e7e3a207692850a8 Mon Sep 17 00:00:00 2001
From: Biliko <admin@biliko.net>
Date: Thu, 21 Nov 2024 11:36:22 +0800
Subject: [PATCH 01/17] Update style.js
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复导航菜单有子菜单时的样式
---
 themes/starter/style.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/themes/starter/style.js b/themes/starter/style.js
index a26b671b0a..d7a270fb84 100644
--- a/themes/starter/style.js
+++ b/themes/starter/style.js
@@ -54,6 +54,11 @@ const Style = () => {
     color: rgb(55 88 249 / var(--tw-text-opacity));
     opacity: 1;
   }
+
+  #theme-starter .sticky #navbarCollapse li > button{
+    --tw-text-opacity: 1;
+    color: rgb(17 25 40 / var(--tw-text-opacity));
+  }
   
   :is(.dark #theme-starter .sticky #navbarCollapse li > a){
     --tw-text-opacity: 1;
@@ -64,7 +69,12 @@ const Style = () => {
     --tw-text-opacity: 1;
     color: rgb(55 88 249 / var(--tw-text-opacity));
   }
-  
+
+  :is(.dark #theme-starter .sticky #navbarCollapse li > button){
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }
+
   #navbarCollapse li .ud-menu-scroll.active{
     opacity: 0.7;
   }

From 3060b39121b8b39c8680eb890bc23a6c67cf4883 Mon Sep 17 00:00:00 2001
From: Biliko <admin@biliko.net>
Date: Thu, 21 Nov 2024 11:43:18 +0800
Subject: [PATCH 02/17] Update MenuItem.js
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

下箭头靠近按钮
---
 themes/starter/components/MenuItem.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/themes/starter/components/MenuItem.js b/themes/starter/components/MenuItem.js
index 40700857b0..95de15b2fe 100644
--- a/themes/starter/components/MenuItem.js
+++ b/themes/starter/components/MenuItem.js
@@ -42,7 +42,7 @@ export const MenuItem = ({ link }) => {
         <li className='submenu-item group relative whitespace-nowrap'>
           <button
             onClick={toggleSubMenu}
-            className={`cursor-pointer relative w-full px-8 flex items-center justify-between py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-8 lg:mr-0 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 ${
+            className={`cursor-pointer relative px-8 flex items-center justify-between py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-8 lg:mr-0 lg:inline-flex lg:py-6 lg:pl-0 lg:pr-4 ${
               router.route === '/'
                 ? 'lg:text-white lg:group-hover:text-white'
                 : ''

From 2e18ed2e0effd0f6fa3161db074ac936cbb15205 Mon Sep 17 00:00:00 2001
From: yangsong13 <yangsong13@meituan.com>
Date: Thu, 21 Nov 2024 17:35:43 +0800
Subject: [PATCH 03/17] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96dockerfile,?=
 =?UTF-8?q?=E5=8F=AF=E4=BD=BF=E5=8C=85=E4=BD=93=E7=A7=AF=E4=BB=8E1.1G?=
 =?UTF-8?q?=E7=BC=A9=E5=B0=8F=E8=87=B3200M?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Dockerfile     | 28 ++++++++++++++++++++++------
 next.config.js |  2 +-
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 126502941f..d08b984b7a 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,23 +1,39 @@
 ARG NOTION_PAGE_ID
 ARG NEXT_PUBLIC_THEME
 
-# Install dependencies only when needed
-FROM node:18-alpine3.18 AS deps
+FROM node:18-alpine3.18 AS base
+
+# 1. Install dependencies only when needed
+FROM base AS deps
 # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
 COPY package.json ./
 RUN yarn install --frozen-lockfile
 
-# Rebuild the source code only when needed
-FROM node:18-alpine3.18 AS builder
+# 2. Rebuild the source code only when needed
+FROM base AS builder
 ARG NOTION_PAGE_ID
 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 RUN yarn build
 
-ENV NODE_ENV production
+# 3. Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+
+COPY --from=builder /app/public ./public
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+
+# 个人仓库把将配置好的.env.local文件放到项目根目录，可自动使用环境变量
+# COPY --from=builder /app/.env.local ./
 
 EXPOSE 3000
 
@@ -26,4 +42,4 @@ EXPOSE 3000
 # Uncomment the following line in case you want to disable telemetry.
 # ENV NEXT_TELEMETRY_DISABLED 1
 
-CMD ["yarn", "start"]
+CMD ["node", "server.js"]
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
index 585c54357e..972e85fb0c 100644
--- a/next.config.js
+++ b/next.config.js
@@ -84,7 +84,7 @@ const nextConfig = {
   eslint: {
     ignoreDuringBuilds: true
   },
-  output: process.env.EXPORT ? 'export' : undefined,
+  output: process.env.EXPORT ? 'export' : 'standalone',
   staticPageGenerationTimeout: 120,
   // 多语言， 在export时禁用
   i18n: process.env.EXPORT

From f10dfb817262bb8cd42ea2151b3a441e8e504d96 Mon Sep 17 00:00:00 2001
From: yangsong13 <yangsong13@meituan.com>
Date: Thu, 21 Nov 2024 20:06:58 +0800
Subject: [PATCH 04/17] =?UTF-8?q?feat:=20=E4=BB=85=E5=AF=B9NEXT=5FBUILD=5F?=
 =?UTF-8?q?STANDALONE=3Dtrue=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.example   | 1 +
 Dockerfile     | 6 +++++-
 next.config.js | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/.env.example b/.env.example
index eb29e18cf3..58d0b56f30 100644
--- a/.env.example
+++ b/.env.example
@@ -173,3 +173,4 @@
 # ENABLE_CACHE=
 # VERCEL_ENV=
 # NEXT_PUBLIC_VERSION=
+# NEXT_BUILD_STANDALONE=
diff --git a/Dockerfile b/Dockerfile
index d08b984b7a..011850021b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -14,16 +14,20 @@ RUN yarn install --frozen-lockfile
 # 2. Rebuild the source code only when needed
 FROM base AS builder
 ARG NOTION_PAGE_ID
+ENV NEXT_BUILD_STANDALONE=true
+
 WORKDIR /app
+
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 RUN yarn build
 
 # 3. Production image, copy all the files and run next
 FROM base AS runner
+ENV NODE_ENV=production
+
 WORKDIR /app
 
-ENV NODE_ENV=production
 
 COPY --from=builder /app/public ./public
 
diff --git a/next.config.js b/next.config.js
index 972e85fb0c..658001ed83 100644
--- a/next.config.js
+++ b/next.config.js
@@ -84,7 +84,7 @@ const nextConfig = {
   eslint: {
     ignoreDuringBuilds: true
   },
-  output: process.env.EXPORT ? 'export' : 'standalone',
+  output: process.env.EXPORT ? 'export' : process.env.NEXT_BUILD_STANDALONE === 'true' ? 'standalone' : undefined,
   staticPageGenerationTimeout: 120,
   // 多语言， 在export时禁用
   i18n: process.env.EXPORT

From 7d7718d97181d87b6dae6d731c109c7e874bb49b Mon Sep 17 00:00:00 2001
From: yangsong13 <yangsong13@meituan.com>
Date: Thu, 21 Nov 2024 20:11:49 +0800
Subject: [PATCH 05/17] feat: remove extra line

---
 Dockerfile | 1 -
 1 file changed, 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index 011850021b..2feec9429c 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -28,7 +28,6 @@ ENV NODE_ENV=production
 
 WORKDIR /app
 
-
 COPY --from=builder /app/public ./public
 
 # Automatically leverage output traces to reduce image size

From f3320bd59b075652377dc648c1b1e90bacb5dec2 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 10:50:42 +0800
Subject: [PATCH 06/17] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=87=92=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E8=B0=83=E4=BC=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LazyImage.js | 68 ++++++++++++++++-------------------------
 1 file changed, 27 insertions(+), 41 deletions(-)

diff --git a/components/LazyImage.js b/components/LazyImage.js
index acfb89c19e..8543dbb9f6 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -57,32 +57,35 @@ export default function LazyImage({
       } else {
         imageRef.current.src = defaultPlaceholderSrc
       }
-      imageRef.current.classList.remove('lazy-image-placeholder')
+      // 移除占位符类名
+      if (imageRef.current) {
+        imageRef.current.classList.remove('lazy-image-placeholder')
+      }
     }
   }
 
   useEffect(() => {
     const adjustedImageSrc =
       adjustImgSize(src, maxWidth) || defaultPlaceholderSrc
-    // 加载原图
-    const img = new Image()
-    img.src = adjustedImageSrc
-    img.onload = () => {
-      setCurrentSrc(adjustedImageSrc)
-      handleImageLoaded(adjustedImageSrc)
-    }
-    img.onerror = handleImageError
+
     const observer = new IntersectionObserver(
       entries => {
         entries.forEach(entry => {
           if (entry.isIntersecting) {
-            const lazyImage = entry.target
-            lazyImage.src = adjustedImageSrc
-            observer.unobserve(lazyImage)
+            // 拉取图片
+            const img = new Image()
+            img.src = adjustedImageSrc
+            img.onload = () => {
+              setCurrentSrc(adjustedImageSrc)
+              handleImageLoaded(adjustedImageSrc)
+            }
+            img.onerror = handleImageError
+
+            observer.unobserve(entry.target)
           }
         })
       },
-      { rootMargin: '50px 0px' } // Adjust the rootMargin as needed to trigger the loading earlier or later
+      { rootMargin: '10px 0px' } // 轻微提前加载
     )
     if (imageRef.current) {
       observer.observe(imageRef.current)
@@ -98,36 +101,19 @@ export default function LazyImage({
   const imgProps = {
     ref: imageRef,
     src: currentSrc,
-    'data-src': src,
-    alt: alt,
-    onLoad: handleThumbnailLoaded, // 缩略图加载完成
-    onError: handleImageError // 添加onError处理函数
-  }
-
-  if (id) {
-    imgProps.id = id
+    'data-src': src, // 存储原始图片地址
+    alt: alt || 'Lazy loaded image',
+    onLoad: handleThumbnailLoaded,
+    onError: handleImageError,
+    className: `${className || ''} lazy-image-placeholder`,
+    style,
+    width: width || 'auto',
+    height: height || 'auto',
+    onClick
   }
 
-  if (title) {
-    imgProps.title = title
-  }
-
-  if (width && width !== 'auto') {
-    imgProps.width = width
-  }
-
-  if (height && height !== 'auto') {
-    imgProps.height = height
-  }
-  if (className) {
-    imgProps.className = className + ' lazy-image-placeholder'
-  }
-  if (style) {
-    imgProps.style = style
-  }
-  if (onClick) {
-    imgProps.onClick = onClick
-  }
+  if (id) imgProps.id = id
+  if (title) imgProps.title = title
 
   if (!src) {
     return null

From 560c19a7e120dfb33e3a20f57a3537711a93d324 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 12:28:09 +0800
Subject: [PATCH 07/17] fix jump

---
 components/NotionPage.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/NotionPage.js b/components/NotionPage.js
index 5bc3c31a80..0ac8c1c051 100644
--- a/components/NotionPage.js
+++ b/components/NotionPage.js
@@ -149,9 +149,11 @@ const processGalleryImg = zoom => {
 const autoScrollToHash = () => {
   setTimeout(() => {
     // 跳转到指定标题
-    const needToJumpToTitle = window.location.hash
+    const hash = window?.location?.hash
+    const needToJumpToTitle = hash && hash > 0
     if (needToJumpToTitle) {
-      const tocNode = document.getElementById(window.location.hash.substring(1))
+      console.log('jump to hash', hash)
+      const tocNode = document.getElementById(hash.substring(1))
       if (tocNode && tocNode?.className?.indexOf('notion') > -1) {
         tocNode.scrollIntoView({ block: 'start', behavior: 'smooth' })
       }

From c3685be35896e300b33779f14019a72dfd684ba6 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 12:35:23 +0800
Subject: [PATCH 08/17] =?UTF-8?q?Hexo=20Card=20=E5=8A=A8=E7=94=BB=E6=9C=89?=
 =?UTF-8?q?=E7=82=B9=E6=85=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/components/BlogPostCard.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index e6217c8a53..47b7f8b881 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -27,7 +27,7 @@ const BlogPostCard = ({ index, post, showSummary, siteInfo }) => {
         key={post.id}
         data-aos='fade-up'
         data-aos-easing='ease-in-out'
-        data-aos-duration='800'
+        data-aos-duration='500'
         data-aos-once='false'
         data-aos-anchor-placement='top-bottom'
         id='blog-post-card'

From cfde73fbddb8b7275a1b085ae2e06b967940cb42 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 12:38:08 +0800
Subject: [PATCH 09/17] =?UTF-8?q?hexo=20=E9=A1=B5=E8=84=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/PoweredBy.js          | 2 +-
 themes/hexo/components/Footer.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/PoweredBy.js b/components/PoweredBy.js
index e07825ea2e..87b8705f76 100644
--- a/components/PoweredBy.js
+++ b/components/PoweredBy.js
@@ -7,7 +7,7 @@ import { siteConfig } from '@/lib/config'
 export default function PoweredBy(props) {
   return (
     <div
-      className={`gap-x-1 flex flex-wrap text-sm font-serif ${props.className}`}>
+      className={`gap-x-1 flex flex-wrap text-sm font-serif ${props.className || ''}`}>
       <span>Powered by</span>
       <a
         href='https://github.com/tangly1024/NotionNext'
diff --git a/themes/hexo/components/Footer.js b/themes/hexo/components/Footer.js
index af16bb5d74..2f3a1434c8 100644
--- a/themes/hexo/components/Footer.js
+++ b/themes/hexo/components/Footer.js
@@ -35,7 +35,7 @@ const Footer = ({ title }) => {
         <h1 className='text-xs pt-4 text-light-400 dark:text-gray-400'>
           {title} {siteConfig('BIO') && <>|</>} {siteConfig('BIO')}
         </h1>
-        <PoweredBy />
+        <PoweredBy className='justify-center' />
       </span>
       <br />
     </footer>

From b24befbafda45dff5430593f89f080b6c3f3628a Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 14:44:59 +0800
Subject: [PATCH 10/17] =?UTF-8?q?Magzine=20=E5=BE=AE=E8=B0=83=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/magzine/components/Header.js       |  6 +++---
 themes/magzine/components/LogoBar.js      |  8 +++++---
 themes/magzine/components/MenuItemDrop.js | 14 +++++++-------
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/themes/magzine/components/Header.js b/themes/magzine/components/Header.js
index d717d6caa6..852fa0155e 100644
--- a/themes/magzine/components/Header.js
+++ b/themes/magzine/components/Header.js
@@ -147,10 +147,10 @@ export default function Header(props) {
         {!showSearchInput && (
           <>
             {/* 左侧图标Logo */}
-            <div className='flex gap-x-8 h-full'>
-              <LogoBar {...props} />
+            <div className='flex gap-x-2 lg:gap-x-4 h-full'>
+              <LogoBar className={'text-sm md:text-md lg:text-lg'} />
               {/* 桌面端顶部菜单 */}
-              <ul className='hidden md:flex items-center gap-x-4 py-1'>
+              <ul className='hidden md:flex items-center gap-x-4 py-1 text-sm md:text-md'>
                 {links &&
                   links?.map((link, index) => (
                     <MenuItemDrop key={index} link={link} />
diff --git a/themes/magzine/components/LogoBar.js b/themes/magzine/components/LogoBar.js
index b7ef527b1d..8e2aae2b77 100644
--- a/themes/magzine/components/LogoBar.js
+++ b/themes/magzine/components/LogoBar.js
@@ -1,12 +1,14 @@
 import { siteConfig } from '@/lib/config'
 import Link from 'next/link'
 
-export default function LogoBar(props) {
+export default function LogoBar({ className }) {
   return (
-    <div id='top-wrapper' className='w-full flex items-center '>
+    <div
+      id='top-wrapper'
+      className={`w-full flex items-center ${className || ''}`}>
       <Link
         href='/'
-        className='logo flex text-md font-semibold md:text-xl hover:bg-black hover:text-white p-2 rounded-xl duration-200 dark:text-gray-200'>
+        className='logo flex font-semibold hover:bg-black hover:text-white p-2 rounded-xl duration-200 dark:text-gray-200'>
         {/* <LazyImage
           src={siteInfo?.icon}
           width={24}
diff --git a/themes/magzine/components/MenuItemDrop.js b/themes/magzine/components/MenuItemDrop.js
index 4fd096238e..8aef9a527e 100644
--- a/themes/magzine/components/MenuItemDrop.js
+++ b/themes/magzine/components/MenuItemDrop.js
@@ -22,13 +22,13 @@ export const MenuItemDrop = ({ link }) => {
       {hasSubMenu && (
         <div
           className={
-            'px-2 h-full whitespace-nowrap duration-300 text-md justify-between dark:text-gray-300 cursor-pointer flex flex-nowrap items-center ' +
+            'px-2 h-full whitespace-nowrap duration-300 justify-between dark:text-gray-300 cursor-pointer flex flex-nowrap items-center ' +
             (selected
               ? 'bg-gray-600 text-white hover:text-white'
               : 'hover:text-gray-600')
           }>
-          <div className='items-center flex gap-x-1'>
-            {link?.icon && <i className={link?.icon} />} {link?.name}
+          <div className='items-center flex'>
+            {link?.icon && <i className={`${link?.icon} pr-2`} />} {link?.name}
             <i
               className={`px-1 fas fa-chevron-down duration-500 transition-all ${show ? ' rotate-180' : ''}`}></i>
           </div>
@@ -52,15 +52,15 @@ export const MenuItemDrop = ({ link }) => {
       {/* 子菜单 */}
       {hasSubMenu && (
         <ul
-          className={`${show ? 'visible opacity-100 top-14' : 'invisible opacity-0 top-20'} absolute border bg-white dark:bg-black dark:border-gray-800 transition-all duration-150 z-20 block rounded-lg drop-shadow-lg p-4 `}>
+          className={`${show ? 'visible opacity-100 top-14' : 'invisible opacity-0 top-20'} p-1 absolute border bg-white dark:bg-black dark:border-gray-800 transition-all duration-150 z-20 block rounded-lg drop-shadow-lg`}>
           {link?.subMenus?.map(sLink => {
             return (
               <li
                 key={sLink.id}
-                className='dark:text-gray-200  hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  dark:border-gray-800 py-3 pr-6 pl-3'>
+                className='py-3 pr-6 hover:bg-gray-100 dark:hover:bg-gray-900 dark:text-gray-200 tracking-widest transition-color duration-200 dark:border-gray-800 '>
                 <Link href={sLink.href} target={link?.target}>
-                  <span className='text-sm'>
-                    {link?.icon && <i className={sLink?.icon}> &nbsp; </i>}
+                  <span className='text-sm ml-2'>
+                    {link?.icon && <i className={`${sLink?.icon} pr-2`}> </i>}
                     {sLink.title}
                   </span>
                 </Link>

From 360a3691a6abb165f9d937c6b5532a0a20c4e8de Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 15:07:56 +0800
Subject: [PATCH 11/17] lazy-image

---
 components/LazyImage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/LazyImage.js b/components/LazyImage.js
index 8543dbb9f6..8f0645461e 100644
--- a/components/LazyImage.js
+++ b/components/LazyImage.js
@@ -85,7 +85,7 @@ export default function LazyImage({
           }
         })
       },
-      { rootMargin: '10px 0px' } // 轻微提前加载
+      { rootMargin: '50px 0px' } // 轻微提前加载
     )
     if (imageRef.current) {
       observer.observe(imageRef.current)

From 93f9782d71c00274dadd88d81c59943752a74cb8 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 15:44:18 +0800
Subject: [PATCH 12/17] =?UTF-8?q?=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SEO.js  | 2 +-
 lib/utils/index.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/SEO.js b/components/SEO.js
index 592154dba4..727d782f79 100644
--- a/components/SEO.js
+++ b/components/SEO.js
@@ -82,7 +82,7 @@ const SEO = props => {
     ).then(url => {
       const WebFont = window?.WebFont
       if (WebFont) {
-        console.log('LoadWebFont', webFontUrl)
+        // console.log('LoadWebFont', webFontUrl)
         WebFont.load({
           custom: {
             // families: ['"LXGW WenKai"'],
diff --git a/lib/utils/index.js b/lib/utils/index.js
index fddca08b98..63cdac69ed 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -169,11 +169,11 @@ export function loadExternalResource(url, type = 'js') {
     }
     if (tag) {
       tag.onload = () => {
-        console.log('Load Success', url)
+        // console.log('Load Success', url)
         resolve(url)
       }
       tag.onerror = () => {
-        console.log('Load Error', url)
+        console.warn('Load Error', url)
         reject(url)
       }
       document.head.appendChild(tag)

From 394c8e0e0b65adbea9b9978349fc4eb0d7a0e052 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 18:24:47 +0800
Subject: [PATCH 13/17] =?UTF-8?q?=E9=87=8D=E6=9E=84=EF=BC=9BDynamicLayout?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=87=8D=E5=86=99=EF=BC=8C=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?blog.config.js=E4=B8=AD=E7=9A=84MAPPING=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/utils/index.js                       |  3 ++
 pages/404.js                             |  4 +-
 pages/[prefix]/index.js                  |  2 +-
 pages/_app.js                            |  8 ++--
 pages/archive/index.js                   |  4 +-
 pages/category/[category]/index.js       |  4 +-
 pages/category/[category]/page/[page].js |  4 +-
 pages/category/index.js                  |  4 +-
 pages/dashboard/[[...index]].js          |  4 +-
 pages/index.js                           |  4 +-
 pages/page/[page].js                     |  4 +-
 pages/search/[keyword]/index.js          |  4 +-
 pages/search/[keyword]/page/[page].js    |  4 +-
 pages/search/index.js                    |  2 +-
 pages/sign-in/[[...index]].js            |  4 +-
 pages/sign-up/[[...index]].js            |  4 +-
 pages/tag/[tag]/index.js                 |  4 +-
 pages/tag/[tag]/page/[page].js           |  4 +-
 pages/tag/index.js                       |  2 +-
 styles/globals.css                       |  2 +
 themes/theme.js                          | 53 +++++++++++++-----------
 21 files changed, 55 insertions(+), 73 deletions(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index 63cdac69ed..787dc90ddf 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -204,6 +204,9 @@ export function getQueryVariable(key) {
  * @returns {string|null}
  */
 export function getQueryParam(url, param) {
+  if (!url) {
+    return ''
+  }
   // 移除哈希部分
   const urlWithoutHash = url.split('#')[0]
   const searchParams = new URLSearchParams(urlWithoutHash.split('?')[1])
diff --git a/pages/404.js b/pages/404.js
index 4c58031ed8..ca421b9ff3 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 404
@@ -10,9 +9,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const NoFound = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='Layout404' {...props} />
 }
 
 export async function getStaticProps(req) {
diff --git a/pages/[prefix]/index.js b/pages/[prefix]/index.js
index a6d6e82f13..e26a95a98f 100644
--- a/pages/[prefix]/index.js
+++ b/pages/[prefix]/index.js
@@ -87,7 +87,7 @@ const Slug = props => {
   return (
     <>
       {/* 文章布局 */}
-      <DynamicLayout theme={theme} router={router} {...props} />
+      <DynamicLayout theme={theme} layoutName='LayoutSlug' {...props} />
       {/* 解锁密码提示框 */}
       {post?.password && post?.password !== '' && !lock && <Notification />}
       {/* 导流工具 */}
diff --git a/pages/_app.js b/pages/_app.js
index 80333a643b..26fac1513e 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -8,7 +8,7 @@ import 'react-notion-x/src/styles.css' // 原版的react-notion-x
 
 import useAdjustStyle from '@/hooks/useAdjustStyle'
 import { GlobalContextProvider } from '@/lib/global'
-import { getGlobalLayoutByTheme } from '@/themes/theme'
+import { getBaseLayoutByTheme } from '@/themes/theme'
 import { useRouter } from 'next/router'
 import { useCallback, useMemo } from 'react'
 import { getQueryParam } from '../lib/utils'
@@ -34,7 +34,7 @@ const MyApp = ({ Component, pageProps }) => {
   useAdjustStyle()
 
   const route = useRouter()
-  const queryParam = useMemo(() => {
+  const theme = useMemo(() => {
     return (
       getQueryParam(route.asPath, 'theme') ||
       pageProps?.NOTION_CONFIG?.THEME ||
@@ -45,10 +45,10 @@ const MyApp = ({ Component, pageProps }) => {
   // 整体布局
   const GLayout = useCallback(
     props => {
-      const Layout = getGlobalLayoutByTheme(queryParam)
+      const Layout = getBaseLayoutByTheme(theme)
       return <Layout {...props} />
     },
-    [queryParam]
+    [theme]
   )
 
   const enableClerk = process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
diff --git a/pages/archive/index.js b/pages/archive/index.js
index 968803eea7..e7aade1e5a 100644
--- a/pages/archive/index.js
+++ b/pages/archive/index.js
@@ -4,7 +4,6 @@ import { getGlobalData } from '@/lib/db/getSiteData'
 import { isBrowser } from '@/lib/utils'
 import { formatDateFmt } from '@/lib/utils/formatDate'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 
 /**
@@ -27,9 +26,8 @@ const ArchiveIndex = props => {
     }
   }, [])
 
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutArchive' {...props} />
 }
 
 export async function getStaticProps({ locale }) {
diff --git a/pages/category/[category]/index.js b/pages/category/[category]/index.js
index a3a531a1d0..f019dd327c 100644
--- a/pages/category/[category]/index.js
+++ b/pages/category/[category]/index.js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 分类页
@@ -10,9 +9,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 export default function Category(props) {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticProps({ params: { category }, locale }) {
diff --git a/pages/category/[category]/page/[page].js b/pages/category/[category]/page/[page].js
index 9668cdebc7..6863ee43e3 100644
--- a/pages/category/[category]/page/[page].js
+++ b/pages/category/[category]/page/[page].js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 分类页
@@ -11,9 +10,8 @@ import { useRouter } from 'next/router'
  */
 
 export default function Category(props) {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticProps({ params: { category, page } }) {
diff --git a/pages/category/index.js b/pages/category/index.js
index 4b2f3942d1..d38535c576 100644
--- a/pages/category/index.js
+++ b/pages/category/index.js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 分类首页
@@ -10,9 +9,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 export default function Category(props) {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticProps({ locale }) {
diff --git a/pages/dashboard/[[...index]].js b/pages/dashboard/[[...index]].js
index 0a865d927e..790bd72385 100644
--- a/pages/dashboard/[[...index]].js
+++ b/pages/dashboard/[[...index]].js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData, getPost, getPostBlocks } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 根据notion的slug访问页面
@@ -11,9 +10,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const Dashboard = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutDashboard' {...props} />
 }
 
 export async function getStaticProps({ locale }) {
diff --git a/pages/index.js b/pages/index.js
index eaa21167fe..31e2610bd8 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -5,7 +5,6 @@ import { generateRobotsTxt } from '@/lib/robots.txt'
 import { generateRss } from '@/lib/rss'
 import { generateSitemapXml } from '@/lib/sitemap.xml'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 首页布局
@@ -13,9 +12,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const Index = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutIndex' {...props} />
 }
 
 /**
diff --git a/pages/page/[page].js b/pages/page/[page].js
index 0166aba2f4..1ee22afb57 100644
--- a/pages/page/[page].js
+++ b/pages/page/[page].js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData, getPostBlocks } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 文章列表分页
@@ -10,9 +9,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const Page = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticPaths({ locale }) {
diff --git a/pages/search/[keyword]/index.js b/pages/search/[keyword]/index.js
index 179583d825..5985d7f8d5 100644
--- a/pages/search/[keyword]/index.js
+++ b/pages/search/[keyword]/index.js
@@ -3,12 +3,10 @@ import { getDataFromCache } from '@/lib/cache/cache_manager'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 const Index = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutSearch' {...props} />
 }
 
 /**
diff --git a/pages/search/[keyword]/page/[page].js b/pages/search/[keyword]/page/[page].js
index 4ced9f6c49..1b92abb555 100644
--- a/pages/search/[keyword]/page/[page].js
+++ b/pages/search/[keyword]/page/[page].js
@@ -3,15 +3,13 @@ import { getDataFromCache } from '@/lib/cache/cache_manager'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 const Index = props => {
   const { keyword } = props
   props = { ...props, currentSearch: keyword }
 
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutSearch' {...props} />
 }
 
 /**
diff --git a/pages/search/index.js b/pages/search/index.js
index 2000d72eef..3eb642b1bf 100644
--- a/pages/search/index.js
+++ b/pages/search/index.js
@@ -32,7 +32,7 @@ const Search = props => {
   props = { ...props, posts: filteredPosts }
 
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutSearch' {...props} />
 }
 
 /**
diff --git a/pages/sign-in/[[...index]].js b/pages/sign-in/[[...index]].js
index 7ed893d5d6..135ae2924e 100644
--- a/pages/sign-in/[[...index]].js
+++ b/pages/sign-in/[[...index]].js
@@ -3,7 +3,6 @@ import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 // import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 登录
@@ -11,9 +10,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const SignIn = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutSignIn' {...props} />
 }
 
 export async function getStaticProps(req) {
diff --git a/pages/sign-up/[[...index]].js b/pages/sign-up/[[...index]].js
index 72ba97fc02..f721ec6f15 100644
--- a/pages/sign-up/[[...index]].js
+++ b/pages/sign-up/[[...index]].js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 注册
@@ -10,9 +9,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const SignUp = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutSignUp' {...props} />
 }
 
 export async function getStaticProps(req) {
diff --git a/pages/tag/[tag]/index.js b/pages/tag/[tag]/index.js
index ff366c5f76..978e854571 100644
--- a/pages/tag/[tag]/index.js
+++ b/pages/tag/[tag]/index.js
@@ -2,7 +2,6 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 /**
  * 标签下的文章列表
@@ -10,9 +9,8 @@ import { useRouter } from 'next/router'
  * @returns
  */
 const Tag = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticProps({ params: { tag }, locale }) {
diff --git a/pages/tag/[tag]/page/[page].js b/pages/tag/[tag]/page/[page].js
index a13ebe04e3..414eaf446d 100644
--- a/pages/tag/[tag]/page/[page].js
+++ b/pages/tag/[tag]/page/[page].js
@@ -2,12 +2,10 @@ import BLOG from '@/blog.config'
 import { siteConfig } from '@/lib/config'
 import { getGlobalData } from '@/lib/db/getSiteData'
 import { DynamicLayout } from '@/themes/theme'
-import { useRouter } from 'next/router'
 
 const Tag = props => {
-  const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticProps({ params: { tag, page }, locale }) {
diff --git a/pages/tag/index.js b/pages/tag/index.js
index a04a5b881f..5360fa9ca3 100644
--- a/pages/tag/index.js
+++ b/pages/tag/index.js
@@ -12,7 +12,7 @@ import { useRouter } from 'next/router'
 const TagIndex = props => {
   const router = useRouter()
   const theme = siteConfig('THEME', BLOG.THEME, props.NOTION_CONFIG)
-  return <DynamicLayout theme={theme} router={router} {...props} />
+  return <DynamicLayout theme={theme} layoutName='LayoutPostList' {...props} />
 }
 
 export async function getStaticProps(req) {
diff --git a/styles/globals.css b/styles/globals.css
index 5c86cecf16..33d0b75033 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -19,6 +19,7 @@ html {
   position: sticky;
   z-index: 10;
   top: -1px;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   transition: all 0.5s cubic-bezier(0.4, 0, 0, 1);
   border-bottom-color: transparent;
@@ -74,6 +75,7 @@ nav {
 
 @supports not (backdrop-filter: none) {
   .sticky-nav {
+    -webkit-backdrop-filter: none;
     backdrop-filter: none;
     @apply bg-day dark:bg-gray-800;
   }
diff --git a/themes/theme.js b/themes/theme.js
index c876092723..3c20333170 100644
--- a/themes/theme.js
+++ b/themes/theme.js
@@ -2,6 +2,7 @@ import BLOG, { LAYOUT_MAPPINGS } from '@/blog.config'
 import * as ThemeComponents from '@theme-components'
 import getConfig from 'next/config'
 import dynamic from 'next/dynamic'
+import { useRouter } from 'next/router'
 import { getQueryParam, getQueryVariable, isBrowser } from '../lib/utils'
 
 // 在next.config.js中扫描所有主题
@@ -56,19 +57,20 @@ export const getThemeConfig = async themeQuery => {
 
 /**
  * 加载全局布局
- * @param {*} themeQuery
+ * @param {*} theme
  * @returns
  */
-export const getGlobalLayoutByTheme = themeQuery => {
-  if (themeQuery !== BLOG.THEME) {
+export const getBaseLayoutByTheme = theme => {
+  const LayoutBase = ThemeComponents['LayoutBase']
+  const isDefaultTheme = !theme || theme === BLOG.THEME
+  if (!isDefaultTheme) {
     return dynamic(
-      () =>
-        import(`@/themes/${themeQuery}`).then(m => m[getLayoutNameByPath(-1)]),
+      () => import(`@/themes/${theme}`).then(m => m['LayoutBase']),
       { ssr: true }
     )
-  } else {
-    return ThemeComponents[getLayoutNameByPath('-1')]
   }
+
+  return LayoutBase
 }
 
 /**
@@ -76,8 +78,8 @@ export const getGlobalLayoutByTheme = themeQuery => {
  * @param {*} props
  */
 export const DynamicLayout = props => {
-  const { router, theme } = props
-  const SelectedLayout = getLayoutByTheme({ router, theme })
+  const { theme, layoutName } = props
+  const SelectedLayout = getLayoutByTheme({ layoutName, theme })
   return <SelectedLayout {...props} />
 }
 
@@ -87,26 +89,30 @@ export const DynamicLayout = props => {
  * @param {*} theme
  * @returns
  */
-export const getLayoutByTheme = ({ router, theme }) => {
-  const themeQuery = getQueryParam(router.asPath, 'theme') || theme
-  const layoutName = getLayoutNameByPath(router.pathname, router.asPath)
-  const isDefaultTheme = !themeQuery || themeQuery === BLOG.THEME
+export const getLayoutByTheme = ({ layoutName, theme }) => {
+  // const layoutName = getLayoutNameByPath(router.pathname, router.asPath)
+  const LayoutComponents =
+    ThemeComponents[layoutName] || ThemeComponents.LayoutSlug
 
-  const loadThemeComponents = componentsSource => {
-    const components =
-      componentsSource[layoutName] || componentsSource.LayoutSlug
-    setTimeout(fixThemeDOM, isDefaultTheme ? 100 : 500) // 根据主题选择延迟时间
-    return components
-  }
+  const router = useRouter()
+  const themeQuery = getQueryParam(router?.asPath, 'theme') || theme
+  const isDefaultTheme = !themeQuery || themeQuery === BLOG.THEME
 
-  if (isDefaultTheme) {
-    return loadThemeComponents(ThemeComponents)
-  } else {
+  // 加载非当前默认主题
+  if (!isDefaultTheme) {
+    const loadThemeComponents = componentsSource => {
+      const components =
+        componentsSource[layoutName] || componentsSource.LayoutSlug
+      setTimeout(fixThemeDOM, 500)
+      return components
+    }
     return dynamic(
       () => import(`@/themes/${themeQuery}`).then(m => loadThemeComponents(m)),
       { ssr: true }
     )
   }
+
+  return LayoutComponents
 }
 
 /**
@@ -128,8 +134,6 @@ const fixThemeDOM = () => {
   if (isBrowser) {
     const elements = document.querySelectorAll('[id^="theme-"]')
     if (elements?.length > 1) {
-      elements[elements.length - 1].scrollIntoView()
-      // 删除前面的元素，只保留最后一个元素
       for (let i = 0; i < elements.length - 1; i++) {
         if (
           elements[i] &&
@@ -139,6 +143,7 @@ const fixThemeDOM = () => {
           elements[i].parentNode.removeChild(elements[i])
         }
       }
+      elements[0]?.scrollIntoView()
     }
   }
 }

From 668b3c7032b154b621f7df285e3804246e801854 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 18:26:04 +0800
Subject: [PATCH 14/17] =?UTF-8?q?4.7.11=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c71a1fdf00..4c579c78c3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "notion-next",
-  "version": "4.7.10",
+  "version": "4.7.11",
   "homepage": "https://github.com/tangly1024/NotionNext.git",
   "license": "MIT",
   "repository": {

From a6acf94bfc5c2cc044f8bf0cdab177f00ea99a52 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 19:08:17 +0800
Subject: [PATCH 15/17] fix theme

---
 themes/theme.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/themes/theme.js b/themes/theme.js
index 3c20333170..97fcd64a27 100644
--- a/themes/theme.js
+++ b/themes/theme.js
@@ -112,6 +112,7 @@ export const getLayoutByTheme = ({ layoutName, theme }) => {
     )
   }
 
+  setTimeout(fixThemeDOM, 100)
   return LayoutComponents
 }
 

From 401d7149a1248d1cb7c5a78c079bdcf2e6e3e134 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 20:17:52 +0800
Subject: [PATCH 16/17] =?UTF-8?q?=E9=83=A8=E5=88=86=E7=BB=84=E4=BB=B6bug?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ExternalPlugins.js                 |  5 +-
 components/ExternalScript.js                  |  4 +-
 components/SEO.js                             | 51 ++++++++++---------
 components/WWAds.js                           | 15 ++++--
 themes/magzine/components/MenuItemCollapse.js |  8 +--
 .../magzine/components/PostListRecommend.js   |  3 +-
 6 files changed, 49 insertions(+), 37 deletions(-)

diff --git a/components/ExternalPlugins.js b/components/ExternalPlugins.js
index 4adb21ed8f..877222ad3b 100644
--- a/components/ExternalPlugins.js
+++ b/components/ExternalPlugins.js
@@ -8,6 +8,7 @@ import { GlobalStyle } from './GlobalStyle'
 import { initGoogleAdsense } from './GoogleAdsense'
 
 import Head from 'next/head'
+import ExternalScript from './ExternalScript'
 import WebWhiz from './Webwhiz'
 
 /**
@@ -258,10 +259,10 @@ const ExternalPlugin = props => {
             {/* 提前连接到广告服务器 */}
             <link rel='preconnect' href='https://cdn.wwads.cn' />
           </Head>
-          <script
+          <ExternalScript
             type='text/javascript'
             src='https://cdn.wwads.cn/js/makemoney.js'
-            async></script>
+          />
         </>
       )}
 
diff --git a/components/ExternalScript.js b/components/ExternalScript.js
index 00bd852180..7b79152268 100644
--- a/components/ExternalScript.js
+++ b/components/ExternalScript.js
@@ -7,7 +7,7 @@ import { isBrowser } from '@/lib/utils'
  * 传入参数将转为 <script>标签。
  * @returns
  */
-const ExternalScript = (props) => {
+const ExternalScript = props => {
   const { src } = props
   if (!isBrowser || !src) {
     return null
@@ -22,7 +22,7 @@ const ExternalScript = (props) => {
     script.setAttribute(key, value)
   })
   document.head.appendChild(script)
-  console.log('加载外部脚本', props, script)
+  // console.log('加载外部脚本', props, script)
   return null
 }
 
diff --git a/components/SEO.js b/components/SEO.js
index 727d782f79..b82087f3db 100644
--- a/components/SEO.js
+++ b/components/SEO.js
@@ -18,6 +18,32 @@ const SEO = props => {
   let image
   const router = useRouter()
   const meta = getSEOMeta(props, router, useGlobal()?.locale)
+  const webFontUrl = siteConfig('FONT_URL')
+
+  useEffect(() => {
+    // 使用WebFontLoader字体加载
+    loadExternalResource(
+      'https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js',
+      'js'
+    ).then(url => {
+      const WebFont = window?.WebFont
+      if (WebFont) {
+        // console.log('LoadWebFont', webFontUrl)
+        WebFont.load({
+          custom: {
+            // families: ['"LXGW WenKai"'],
+            urls: webFontUrl
+          }
+        })
+      }
+    })
+  }, [])
+
+  // SEO关键词
+  let keywords = meta?.tags || siteConfig('KEYWORDS')
+  if (post?.tags && post?.tags?.length > 0) {
+    keywords = post?.tags?.join(',')
+  }
   if (meta) {
     url = `${url}/${meta.slug}`
     image = meta.image || '/bg_image.jpg'
@@ -28,7 +54,6 @@ const SEO = props => {
   const lang = siteConfig('LANG').replace('-', '_') // Facebook OpenGraph 要 zh_CN 這樣的格式才抓得到語言
   const category = meta?.category || siteConfig('KEYWORDS') // section 主要是像是 category 這樣的分類，Facebook 用這個來抓連結的分類
   const favicon = siteConfig('BLOG_FAVICON')
-  const webFontUrl = siteConfig('FONT_URL')
   const BACKGROUND_DARK = siteConfig('BACKGROUND_DARK', '', NOTION_CONFIG)
 
   const SEO_BAIDU_SITE_VERIFICATION = siteConfig(
@@ -68,30 +93,6 @@ const SEO = props => {
   )
 
   const FACEBOOK_PAGE = siteConfig('FACEBOOK_PAGE', null, NOTION_CONFIG)
-  // SEO关键词
-  let keywords = meta?.tags || siteConfig('KEYWORDS')
-  if (post?.tags && post?.tags?.length > 0) {
-    keywords = post?.tags?.join(',')
-  }
-
-  useEffect(() => {
-    // 使用WebFontLoader字体加载
-    loadExternalResource(
-      'https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js',
-      'js'
-    ).then(url => {
-      const WebFont = window?.WebFont
-      if (WebFont) {
-        // console.log('LoadWebFont', webFontUrl)
-        WebFont.load({
-          custom: {
-            // families: ['"LXGW WenKai"'],
-            urls: webFontUrl
-          }
-        })
-      }
-    })
-  }, [])
 
   return (
     <Head>
diff --git a/components/WWAds.js b/components/WWAds.js
index 0df9b2c07c..aac5f7e5c8 100644
--- a/components/WWAds.js
+++ b/components/WWAds.js
@@ -6,14 +6,23 @@ import { siteConfig } from '@/lib/config'
  * @param {boolean} sticky - 是否粘性定位
  * @returns {JSX.Element | null} - 返回渲染的 JSX 元素或 null
  */
-export default function WWAds({ orientation = 'vertical', sticky = false, className }) {
+export default function WWAds({
+  orientation = 'vertical',
+  sticky = false,
+  className
+}) {
   const AD_WWADS_ID = siteConfig('AD_WWADS_ID')
 
   if (!AD_WWADS_ID) {
     return null
   }
 
-  return <div data-id={AD_WWADS_ID} className={`wwads-cn 
+  return (
+    <div
+      data-id={AD_WWADS_ID}
+      className={`wwads-cn 
             ${orientation === 'vertical' ? 'wwads-vertical' : 'wwads-horizontal'}
-            ${sticky ? 'wwads-sticky' : ''} z-10 ${className || ''}`} />
+            ${sticky ? 'wwads-sticky' : ''} z-10 ${className || ''}`}
+    />
+  )
 }
diff --git a/themes/magzine/components/MenuItemCollapse.js b/themes/magzine/components/MenuItemCollapse.js
index ef7cd68d34..5632975552 100644
--- a/themes/magzine/components/MenuItemCollapse.js
+++ b/themes/magzine/components/MenuItemCollapse.js
@@ -17,10 +17,6 @@ export const MenuItemCollapse = props => {
 
   const router = useRouter()
 
-  if (!link || !link.show) {
-    return null
-  }
-
   const selected = router.pathname === link.href || router.asPath === link.href
 
   const toggleShow = () => {
@@ -36,6 +32,10 @@ export const MenuItemCollapse = props => {
     setOpen(false)
   }, [router])
 
+  if (!link || !link.show) {
+    return null
+  }
+
   return (
     <>
       <div
diff --git a/themes/magzine/components/PostListRecommend.js b/themes/magzine/components/PostListRecommend.js
index dff18706d3..e126ca6c5b 100644
--- a/themes/magzine/components/PostListRecommend.js
+++ b/themes/magzine/components/PostListRecommend.js
@@ -14,10 +14,11 @@ import Swiper from './Swiper'
 const PostListRecommend = ({ latestPosts, allNavPages }) => {
   // 获取推荐文章
   const recommendPosts = getTopPosts({ latestPosts, allNavPages })
+  const title = siteConfig('MAGZINE_RECOMMEND_POST_TITLE', '', CONFIG)
+
   if (!recommendPosts || recommendPosts.length === 0) {
     return <PostListEmpty />
   }
-  const title = siteConfig('MAGZINE_RECOMMEND_POST_TITLE', '', CONFIG)
 
   return (
     <div className={`w-full py-10 px-2 bg-[#F6F6F1] dark:bg-black`}>

From 9f7c0acd99821fccf9ac7c44f9ee16102c602f15 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 23 Nov 2024 20:39:57 +0800
Subject: [PATCH 17/17] =?UTF-8?q?=E4=BF=AE=E5=A4=8D-=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E6=97=B6=E9=A1=B5=E9=9D=A2=E4=B8=8D=E5=8F=AF?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/LoadingCover.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/LoadingCover.js b/components/LoadingCover.js
index f90ba6b3d5..fc51083d2f 100644
--- a/components/LoadingCover.js
+++ b/components/LoadingCover.js
@@ -14,8 +14,7 @@ export default function LoadingCover() {
     if (onLoading) {
       setIsVisible(true)
     } else {
-      const timeout = setTimeout(() => setIsVisible(false), 1800) // 等待淡出动画结束
-      return () => clearTimeout(timeout)
+      setIsVisible(false)
     }
   }, [onLoading])