diff --git a/pages/article/[slug].js b/pages/article/[slug].js
index 538cbc90..4dfb0738 100644
--- a/pages/article/[slug].js
+++ b/pages/article/[slug].js
@@ -22,7 +22,7 @@ const Slug = props => {
     useEffect(() => {
       setTimeout(() => {
         if (window) {
-          const article = document.getElementById('container')
+          const article = typeof document !== 'undefined' && document.getElementById('container')
           if (!article) {
             router.push('/404').then(() => {
               console.warn('找不到页面', router.asPath)
diff --git a/themes/example/LayoutSearch.js b/themes/example/LayoutSearch.js
index 110c11a6..fec11e52 100644
--- a/themes/example/LayoutSearch.js
+++ b/themes/example/LayoutSearch.js
@@ -9,7 +9,7 @@ export const LayoutSearch = props => {
   const { keyword, posts } = props
   useEffect(() => {
     setTimeout(() => {
-      const container = document.getElementById('container')
+      const container = typeof document !== 'undefined' && document.getElementById('container')
       if (container && container.innerHTML) {
         const re = new RegExp(`${keyword}`, 'gim')
         container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${keyword}</span>`)
diff --git a/themes/fukasawa/LayoutSearch.js b/themes/fukasawa/LayoutSearch.js
index 46d01031..f3e8da7d 100644
--- a/themes/fukasawa/LayoutSearch.js
+++ b/themes/fukasawa/LayoutSearch.js
@@ -9,7 +9,7 @@ export const LayoutSearch = (props) => {
   const currentSearch = keyword || router?.query?.s
   useEffect(() => {
     setTimeout(() => {
-      const container = document.getElementById('container')
+      const container = typeof document !== 'undefined' && document.getElementById('container')
       if (container && container.innerHTML) {
         const re = new RegExp(`${currentSearch}`, 'gim')
         container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${currentSearch}</span>`)
diff --git a/themes/hexo/Layout404.js b/themes/hexo/Layout404.js
index 2bc61804..f64e8016 100644
--- a/themes/hexo/Layout404.js
+++ b/themes/hexo/Layout404.js
@@ -8,7 +8,7 @@ export const Layout404 = props => {
     // 延时3秒如果加载失败就返回首页
     setTimeout(() => {
       if (window) {
-        const article = document.getElementById('container')
+        const article = typeof document !== 'undefined' && document.getElementById('container')
         if (!article) {
           router.push('/').then(() => {
             console.log('找不到页面', router.asPath)
diff --git a/themes/hexo/components/Progress.js b/themes/hexo/components/Progress.js
index 6d388339..b31ae16e 100644
--- a/themes/hexo/components/Progress.js
+++ b/themes/hexo/components/Progress.js
@@ -9,7 +9,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   const currentRef = targetRef?.current || targetRef
   const [percent, changePercent] = useState(0)
   const scrollListener = () => {
-    const target = currentRef || document.getElementById('container')
+    const target = currentRef || (typeof document !== 'undefined' && document.getElementById('container'))
     if (target) {
       const clientHeight = target.clientHeight
       const scrollY = window.pageYOffset
diff --git a/themes/medium/LayoutSearch.js b/themes/medium/LayoutSearch.js
index 59a15491..e708eb5c 100644
--- a/themes/medium/LayoutSearch.js
+++ b/themes/medium/LayoutSearch.js
@@ -11,23 +11,23 @@ export const LayoutSearch = (props) => {
   const { keyword } = props
   useEffect(() => {
     setTimeout(() => {
-      const container = document.getElementById('container')
+      const container = typeof document !== 'undefined' && document.getElementById('container')
       if (container && container.innerHTML) {
         const re = new RegExp(`${keyword}`, 'gim')
         container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${keyword}</span>`)
       }
     },
-    100)
+      100)
   })
   return <LayoutBase {...props}>
     <div className='py-12'>
       <div className='pb-4 w-full'>{locale.NAV.SEARCH}</div>
-      <SearchInput currentSearch={keyword} {...props}/>
-      <TagGroups {...props}/>
-      <CategoryGroup {...props}/>
+      <SearchInput currentSearch={keyword} {...props} />
+      <TagGroups {...props} />
+      <CategoryGroup {...props} />
     </div>
     <div id='container'>
-      <BlogPostListScroll {...props}/>
+      <BlogPostListScroll {...props} />
     </div>
   </LayoutBase>
 }
diff --git a/themes/medium/components/Progress.js b/themes/medium/components/Progress.js
index d9a13ad9..50d2bc92 100644
--- a/themes/medium/components/Progress.js
+++ b/themes/medium/components/Progress.js
@@ -9,7 +9,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   const currentRef = targetRef?.current || targetRef
   const [percent, changePercent] = useState(0)
   const scrollListener = () => {
-    const target = currentRef || document.getElementById('container')
+    const target = currentRef || (typeof document !== 'undefined' && document.getElementById('container'))
     if (target) {
       const clientHeight = target.clientHeight
       const scrollY = window.pageYOffset
diff --git a/themes/next/Layout404.js b/themes/next/Layout404.js
index ee743351..530d2c53 100644
--- a/themes/next/Layout404.js
+++ b/themes/next/Layout404.js
@@ -8,7 +8,7 @@ export const Layout404 = props => {
     // 延时3秒如果加载失败就返回首页
     setTimeout(() => {
       if (window) {
-        const article = document.getElementById('container')
+        const article = typeof document !== 'undefined' && document.getElementById('container')
         if (!article) {
           router.push('/').then(() => {
             console.log('找不到页面', router.asPath)
diff --git a/themes/next/LayoutSearch.js b/themes/next/LayoutSearch.js
index 5423f60e..e3e58025 100644
--- a/themes/next/LayoutSearch.js
+++ b/themes/next/LayoutSearch.js
@@ -7,7 +7,7 @@ export const LayoutSearch = (props) => {
   const { locale } = useGlobal()
   const { posts, keyword } = props
   setTimeout(() => {
-    const container = document.getElementById('container')
+    const container = typeof document !== 'undefined' && document.getElementById('container')
     if (container && container.innerHTML) {
       const re = new RegExp(`${keyword}`, 'gim')
       container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${keyword}</span>`)
diff --git a/themes/next/components/Progress.js b/themes/next/components/Progress.js
index 4c4adb9f..19ca0ffa 100644
--- a/themes/next/components/Progress.js
+++ b/themes/next/components/Progress.js
@@ -9,7 +9,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   const currentRef = targetRef?.current || targetRef
   const [percent, changePercent] = useState(0)
   const scrollListener = () => {
-    const target = currentRef || document.getElementById('container')
+    const target = currentRef || (typeof document !== 'undefined' && document.getElementById('container'))
     if (target) {
       const clientHeight = target.clientHeight
       const scrollY = window.pageYOffset