封装isBroswer()

themes/hexo/Layout404.js

@@ -7,13 +7,11 @@ export const Layout404 = props => {
   useEffect(() => {
     // 延时3秒如果加载失败就返回首页
     setTimeout(() => {
-      if (window) {
-        const article = typeof document !== 'undefined' && document.getElementById('container')
-        if (!article) {
-          router.push('/').then(() => {
-            // console.log('找不到页面', router.asPath)
-          })
-        }
+      const article = typeof document !== 'undefined' && document.getElementById('container')
+      if (!article) {
+        router.push('/').then(() => {
+          // console.log('找不到页面', router.asPath)
+        })
       }
     }, 3000)
   })

themes/hexo/LayoutArchive.js

@@ -27,16 +27,14 @@ export const LayoutArchive = (props) => {
   })
 
   useEffect(() => {
-    if (window) {
-      const anchor = window.location.hash
-      if (anchor) {
-        setTimeout(() => {
-          const anchorElement = document.getElementById(anchor.substring(1))
-          if (anchorElement) {
-            anchorElement.scrollIntoView({ block: 'start', behavior: 'smooth' })
-          }
-        }, 300)
-      }
+    const anchor = window.location.hash
+    if (anchor) {
+      setTimeout(() => {
+        const anchorElement = document.getElementById(anchor.substring(1))
+        if (anchorElement) {
+          anchorElement.scrollIntoView({ block: 'start', behavior: 'smooth' })
+        }
+      }, 300)
     }
   }, [])
   return <LayoutBase {...props} >

themes/hexo/LayoutIndex.js

@@ -4,9 +4,11 @@ import BlogPostListScroll from './components/BlogPostListScroll'
 import Header from './components/Header'
 import CONFIG_HEXO from './config_hexo'
 import LayoutBase from './LayoutBase'
+import React from 'react'
 
 export const LayoutIndex = (props) => {
   return <LayoutBase {...props} headerSlot={CONFIG_HEXO.HOME_BANNER_ENABLE && <Header {...props} />}>
+
     {BLOG.POST_LIST_STYLE === 'page' ? <BlogPostListPage {...props} /> : <BlogPostListScroll {...props} />}
   </LayoutBase>
 }

themes/hexo/LayoutSlug.js

@@ -11,6 +11,7 @@ import NotionPage from '@/components/NotionPage'
 import ArticleAdjacent from './components/ArticleAdjacent'
 import ArticleCopyright from './components/ArticleCopyright'
 import ArticleRecommend from './components/ArticleRecommend'
+import { isBrowser } from '@/lib/utils'
 
 export const LayoutSlug = props => {
   const { post, lock, validPassword } = props
@@ -30,7 +31,7 @@ export const LayoutSlug = props => {
   }
 
   const drawerRight = useRef(null)
-  const targetRef = typeof window !== 'undefined' ? document.getElementById('container') : null
+  const targetRef = isBrowser() ? document.getElementById('container') : null
 
   const floatSlot = <>
     {post?.toc?.length > 1 && <div className="block lg:hidden">

themes/hexo/components/Header.js

@@ -90,10 +90,8 @@ const Header = props => {
 
   function updateHeaderHeight () {
     setTimeout(() => {
-      if (window) {
-        const wrapperElement = document.getElementById('wrapper')
-        wrapperTop = wrapperElement?.offsetTop
-      }
+      const wrapperElement = document.getElementById('wrapper')
+      wrapperTop = wrapperElement?.offsetTop
     }, 500)
   }
 

themes/hexo/components/Progress.js

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react'
+import { isBrowser } from '@/lib/utils'
 
 /**
  * 顶部页面阅读进度条
@@ -9,7 +10,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   const currentRef = targetRef?.current || targetRef
   const [percent, changePercent] = useState(0)
   const scrollListener = () => {
-    const target = currentRef || (typeof document !== 'undefined' && document.getElementById('container'))
+    const target = currentRef || (isBrowser() && document.getElementById('container'))
     if (target) {
       const clientHeight = target.clientHeight
       const scrollY = window.pageYOffset