Merge branch 'main' into feature/user-auth-clerk

lib/global.js

@@ -1,6 +1,7 @@
 import { APPEARANCE, LANG, NOTION_PAGE_ID, THEME } from '@/blog.config'
 import {
   THEMES,
+  getThemeConfig,
   initDarkMode,
   saveDarkModeToLocalStorage
 } from '@/themes/theme'
@@ -29,11 +30,14 @@ export function GlobalContextProvider(props) {
     tagOptions,
     NOTION_CONFIG
   } = props
+
   const [lang, updateLang] = useState(NOTION_CONFIG?.LANG || LANG) // 默认语言
   const [locale, updateLocale] = useState(
     generateLocaleDict(NOTION_CONFIG?.LANG || LANG)
   ) // 默认语言
   const [theme, setTheme] = useState(NOTION_CONFIG?.THEME || THEME) // 默认博客主题
+  const [THEME_CONFIG, SET_THEME_CONFIG] = useState(null) // 主题配置
+
   const defaultDarkMode = NOTION_CONFIG?.APPEARANCE || APPEARANCE
   const [isDarkMode, updateDarkMode] = useState(defaultDarkMode === 'dark') // 默认深色模式
   const [onLoading, setOnLoading] = useState(false) // 抓取文章数据
@@ -54,6 +58,12 @@ export function GlobalContextProvider(props) {
     return newTheme
   }
 
+  // 抓取主题配置
+  const updateThemeConfig = async theme => {
+    const config = await getThemeConfig(theme)
+    SET_THEME_CONFIG(config)
+  }
+
   // 切换深色模式
   const toggleDarkMode = () => {
     const newStatus = !isDarkMode
@@ -99,6 +109,9 @@ export function GlobalContextProvider(props) {
       setOnLoading(false)
     }
 
+    const currentTheme = router?.query?.theme || theme
+    updateThemeConfig(currentTheme)
+
     router.events.on('routeChangeStart', handleStart)
     router.events.on('routeChangeError', handleStop)
     router.events.on('routeChangeComplete', handleStop)
@@ -114,6 +127,7 @@ export function GlobalContextProvider(props) {
       value={{
         fullWidth,
         NOTION_CONFIG,
+        THEME_CONFIG,
         toggleDarkMode,
         onLoading,
         setOnLoading,