异步加载AlgoliaModal

themes/fukasawa/components/BlogListPage.js

@@ -54,9 +54,9 @@ const BlogListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
       <div>
         {/* 文章列表 */}
         <div id="posts-wrapper" className='grid-container'>
-          {filterPosts?.map(post => (
+          {filterPosts?.map((post, index) => (
             <div key={post.id} className='grid-item justify-center flex' style={{ breakInside: 'avoid' }}>
-              <BlogCard index={posts.indexOf(post)} key={post.id} post={post} siteInfo={siteInfo} />
+              <BlogCard index={index} key={post.id} post={post} siteInfo={siteInfo} />
             </div>
           ))}
           {siteConfig('ADSENSE_GOOGLE_ID') && (

themes/gitbook/index.js

@@ -34,7 +34,8 @@ import Link from 'next/link'
 import dynamic from 'next/dynamic'
 import { siteConfig } from '@/lib/config'
 import NotionIcon from '@/components/NotionIcon'
-import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
+
+const AlgoliaSearchModal = dynamic(() => import('@/components/AlgoliaSearchModal'), { ssr: false })
 const WWAds = dynamic(() => import('@/components/WWAds'), { ssr: false })
 
 // 主题全局变量

themes/heo/components/SearchButton.js

@@ -1,9 +1,11 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
+import dynamic from 'next/dynamic'
 import { useRouter } from 'next/router'
-import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
 import { useRef } from 'react'
 
+const AlgoliaSearchModal = dynamic(() => import('@/components/AlgoliaSearchModal'), { ssr: false })
+
 /**
  * 搜索按钮
  * @returns

themes/hexo/index.js

@@ -31,7 +31,9 @@ import { Transition } from '@headlessui/react'
 import { Style } from './style'
 import replaceSearchResult from '@/components/Mark'
 import { siteConfig } from '@/lib/config'
-import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
+import dynamic from 'next/dynamic'
+
+const AlgoliaSearchModal = dynamic(() => import('@/components/AlgoliaSearchModal'), { ssr: false })
 
 // 主题全局状态
 const ThemeGlobalHexo = createContext()

themes/next/index.js

@@ -24,9 +24,11 @@ import BlogListBar from './components/BlogListBar'
 import { Style } from './style'
 import replaceSearchResult from '@/components/Mark'
 import { siteConfig } from '@/lib/config'
-import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
 import Announcement from './components/Announcement'
 import Card from './components/Card'
+import dynamic from 'next/dynamic'
+
+const AlgoliaSearchModal = dynamic(() => import('@/components/AlgoliaSearchModal'), { ssr: false })
 
 // 主题全局状态
 const ThemeGlobalNext = createContext()

themes/nobelium/index.js

@@ -22,9 +22,11 @@ import BlogListBar from './components/BlogListBar'
 import { Transition } from '@headlessui/react'
 import { Style } from './style'
 import replaceSearchResult from '@/components/Mark'
-import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
 import { siteConfig } from '@/lib/config'
 import { useRouter } from 'next/router'
+import dynamic from 'next/dynamic'
+
+const AlgoliaSearchModal = dynamic(() => import('@/components/AlgoliaSearchModal'), { ssr: false })
 
 // 主题全局状态
 const ThemeGlobalNobelium = createContext()

themes/simple/index.js

@@ -10,9 +10,10 @@ import { Style } from './style'
 import replaceSearchResult from '@/components/Mark'
 import dynamic from 'next/dynamic'
 import NotionPage from '@/components/NotionPage'
-import AlgoliaSearchModal from '@/components/AlgoliaSearchModal'
 import { useRouter } from 'next/router'
 
+const AlgoliaSearchModal = dynamic(() => import('@/components/AlgoliaSearchModal'), { ssr: false })
+
 // 主题组件
 const BlogListScroll = dynamic(() => import('./components/BlogListScroll'), { ssr: false });
 const BlogArchiveItem = dynamic(() => import('./components/BlogArchiveItem'), { ssr: false });