reading

lib/global.js

@@ -5,6 +5,7 @@ import BLOG from '@/blog.config'
 import { ALL_THEME, initDarkMode, initTheme, saveThemeToCookies } from '@/lib/theme'
 import NProgress from 'nprogress'
 import LoadingCover from '@/components/LoadingCover'
+import { isBrowser } from './utils'
 
 const GlobalContext = createContext()
 
@@ -19,14 +20,24 @@ export function GlobalContextProvider({ children }) {
   const [locale, updateLocale] = useState(generateLocaleDict(BLOG.LANG)) // 默认语言
   const [theme, setTheme] = useState(BLOG.THEME) // 默认博客主题
   const [isDarkMode, updateDarkMode] = useState(BLOG.APPEARANCE === 'dark') // 默认深色模式
-  const [onLoading, setOnLoading] = useState(false) // 加载文章数据
-  const [onReading, setOnReading] = useState(true) // 资源加载中
+  const [onLoading, setOnLoading] = useState(false) // 抓取文章数据
+  const [onReading, setOnReading] = useState(true) // 网页资源加载
   const router = useRouter()
 
   useEffect(() => {
     initLocale(lang, locale, updateLang, updateLocale)
     initDarkMode(isDarkMode, updateDarkMode)
     initTheme(theme, changeTheme)
+    if (isBrowser()) {
+      // 监听用户刷新页面
+      const handleBeforeUnload = (event) => {
+        setOnReading(true)
+      }
+      window.addEventListener('beforeunload', handleBeforeUnload)
+      return () => {
+        window.removeEventListener('beforeunload', handleBeforeUnload)
+      }
+    }
   }, [])
 
   useEffect(() => {