优化控制面板

lib/cache/cache_manager.js

@@ -3,15 +3,6 @@ import FileCache from './local_file_cache'
 import MongoCache from './mongo_db_cache'
 import BLOG from '@/blog.config'
 
-let api
-if (process.env.MONGO_DB_URL && process.env.MONGO_DB_NAME) {
-  api = MongoCache
-} else if (process.env.ENABLE_FILE_CACHE) {
-  api = FileCache
-} else {
-  api = MemoryCache
-}
-
 /**
  * 为减少频繁接口请求，notion数据将被缓存
  * @param {*} key
@@ -19,11 +10,11 @@ if (process.env.MONGO_DB_URL && process.env.MONGO_DB_NAME) {
  */
 export async function getDataFromCache(key, force) {
   if (BLOG.ENABLE_CACHE || force) {
-    const dataFromCache = await api.getCache(key)
+    const dataFromCache = await getApi().getCache(key)
     if (JSON.stringify(dataFromCache) === '[]') {
       return null
     }
-    return api.getCache(key)
+    return getApi().getCache(key)
   } else {
     return null
   }
@@ -33,12 +24,26 @@ export async function setDataToCache(key, data) {
   if (!data) {
     return
   }
-  await api.setCache(key, data)
+  await getApi().setCache(key, data)
 }
 
 export async function delCacheData(key) {
   if (!BLOG.ENABLE_CACHE) {
     return
   }
-  await api.delCache(key)
+  await getApi().delCache(key)
+}
+
+/**
+ * 缓存实现类
+ * @returns
+ */
+function getApi() {
+  if (process.env.MONGO_DB_URL && process.env.MONGO_DB_NAME) {
+    return MongoCache
+  } else if (process.env.ENABLE_FILE_CACHE) {
+    return FileCache
+  } else {
+    return MemoryCache
+  }
 }

lib/cache/local_file_cache.js

@@ -41,7 +41,7 @@ export async function setCache (key, data) {
   fs.writeFileSync(jsonFile, JSON.stringify(json))
 }
 
-export async function delCache (key, data) {
+export async function delCache (key) {
   const exist = await fs.existsSync(jsonFile)
   const json = exist ? JSON.parse(await fs.readFileSync(jsonFile)) : {}
   delete json.key
@@ -49,4 +49,12 @@ export async function delCache (key, data) {
   fs.writeFileSync(jsonFile, JSON.stringify(json))
 }
 
+/**
+ * 清理缓存
+ */
+export async function cleanCache() {
+  const json = {}
+  fs.writeFileSync(jsonFile, JSON.stringify(json))
+}
+
 export default { getCache, setCache, delCache }

lib/config.js

@@ -64,7 +64,7 @@ export const siteConfigMap = () => {
   const val = deepClone(BLOG)
   for (const key in val) {
     val[key] = siteConfig(key)
-    console.log('site', key, val[key], siteConfig(key))
+    // console.log('site', key, val[key], siteConfig(key))
   }
   return val
 }

lib/global.js

@@ -1,11 +1,10 @@
 import { generateLocaleDict, initLocale } from './lang'
 import { createContext, useContext, useEffect, useState } from 'react'
 import { useRouter } from 'next/router'
-import { THEMES, initDarkMode } from '@/themes/theme'
+import { THEMES, initDarkMode, saveDarkModeToCookies } from '@/themes/theme'
 
 import BLOG from '@/blog.config'
 import NProgress from 'nprogress'
-import { isBrowser } from './utils'
 
 const GlobalContext = createContext()
 
@@ -35,17 +34,34 @@ export function GlobalContextProvider(props) {
     return newTheme
   }
 
+  // 切换深色模式
+  const toggleDarkMode = () => {
+    const newStatus = !isDarkMode
+    saveDarkModeToCookies(newStatus)
+    updateDarkMode(newStatus)
+    const htmlElement = document.getElementsByTagName('html')[0]
+    htmlElement.classList?.remove(newStatus ? 'light' : 'dark')
+    htmlElement.classList?.add(newStatus ? 'dark' : 'light')
+  }
+
+  /**
+   * 更新语言
+   */
+  function changeLang(lang) {
+    if (lang) {
+      updateLang(lang)
+      updateLocale(generateLocaleDict(lang))
+    }
+  }
+
   useEffect(() => {
-    initLocale(lang, locale, updateLang, updateLocale)
     initDarkMode(updateDarkMode)
-    checkThemeDOM()
+    initLocale(lang, locale, updateLang, updateLocale)
   }, [])
 
-  // 加载默认主题
-  //   useEffect(() => {
-  //     const queryTheme = getQueryVariable('theme') || theme
-  //     setTheme(queryTheme)
-  //   }, [router])
+  useEffect(() => {
+    checkThemeDOM()
+  })
 
   // 加载进度条
   useEffect(() => {
@@ -62,6 +78,7 @@ export function GlobalContextProvider(props) {
       NProgress.done()
       setOnLoading(false)
     }
+
     router.events.on('routeChangeStart', handleStart)
     router.events.on('routeChangeError', handleStop)
     router.events.on('routeChangeComplete', handleStop)
@@ -75,10 +92,11 @@ export function GlobalContextProvider(props) {
   return (
         <GlobalContext.Provider value={{
           NOTION_CONFIG,
+          toggleDarkMode,
           onLoading,
           setOnLoading,
           lang,
-          updateLang,
+          changeLang,
           locale,
           updateLocale,
           isDarkMode,
@@ -99,17 +117,13 @@ export function GlobalContextProvider(props) {
  * 切换主题时的特殊处理
  */
 const checkThemeDOM = () => {
-  if (isBrowser) {
-    setTimeout(() => {
-      const elements = document.querySelectorAll('[id^="theme-"]')
-      if (elements?.length > 1) {
-        elements[elements.length - 1].scrollIntoView()
-        // 删除前面的元素，只保留最后一个元素
-        for (let i = 0; i < elements.length - 1; i++) {
-          elements[i].parentNode.removeChild(elements[i])
-        }
-      }
-    }, 500)
+  const elements = document.querySelectorAll('[id^="theme-"]')
+  if (elements?.length > 1) {
+    elements[elements.length - 1].scrollIntoView()
+    // 删除前面的元素，只保留最后一个元素
+    for (let i = 0; i < elements.length - 1; i++) {
+      elements[i].parentNode.removeChild(elements[i])
+    }
   }
 }
 

lib/lang.js

@@ -12,7 +12,7 @@ import { getQueryVariable, isBrowser, mergeDeep } from './utils'
  * 在这里配置所有支持的语言
  * 国家-地区
  */
-const lang = {
+const LANGS = {
   'en-US': enUS,
   'zh-CN': zhCN,
   'zh-HK': zhHK,
@@ -22,7 +22,7 @@ const lang = {
   'ja-JP': jaJP
 }
 
-export default lang
+export default LANGS
 
 /**
  * 获取当前语言字典
@@ -30,7 +30,7 @@ export default lang
  * @returns 不同语言对应字典
  */
 export function generateLocaleDict(langString) {
-  const supportedLocales = Object.keys(lang)
+  const supportedLocales = Object.keys(LANGS)
   let userLocale
 
   // 将语言字符串拆分为语言和地区代码，例如将 "zh-CN" 拆分为 "zh" 和 "CN"
@@ -39,24 +39,24 @@ export function generateLocaleDict(langString) {
   // 优先匹配语言和地区都匹配的情况
   const specificLocale = `${language}-${region}`
   if (supportedLocales.includes(specificLocale)) {
-    userLocale = lang[specificLocale]
+    userLocale = LANGS[specificLocale]
   }
 
   // 然后尝试匹配只有语言匹配的情况
   if (!userLocale) {
     const languageOnlyLocales = supportedLocales.filter(locale => locale.startsWith(language))
     if (languageOnlyLocales.length > 0) {
-      userLocale = lang[languageOnlyLocales[0]]
+      userLocale = LANGS[languageOnlyLocales[0]]
     }
   }
 
   // 如果还没匹配到，则返回最接近的语言包
   if (!userLocale) {
     const fallbackLocale = supportedLocales.find(locale => locale.startsWith('en'))
-    userLocale = lang[fallbackLocale]
+    userLocale = LANGS[fallbackLocale]
   }
 
-  return mergeDeep({}, lang['en-US'], userLocale)
+  return mergeDeep({}, LANGS['en-US'], userLocale)
 }
 
 /**
@@ -67,10 +67,10 @@ export function initLocale(lang, locale, changeLang, changeLocale) {
   if (isBrowser) {
     const queryLang = getQueryVariable('lang') || loadLangFromCookies()
     let currentLang = lang
-    if (queryLang !== lang) {
+    if (queryLang && queryLang !== 'undefined' && queryLang !== lang) {
       currentLang = queryLang
     }
-    console.log('初始化语言', currentLang)
+
     changeLang(currentLang)
     saveLangToCookies(currentLang)
 

lib/lang/en-US.js

@@ -1,5 +1,5 @@
 export default {
-  LOCALE: 'en-US',
+  LOCALE: 'English',
   MENU: {
     WALK_AROUND: 'Walk Around',
     CATEGORY: 'Category',

lib/lang/fr-FR.js

@@ -1,5 +1,5 @@
 export default {
-  LOCALE: 'fr-FR',
+  LOCALE: 'français',
   NAV: {
     INDEX: 'Accueil',
     RSS: 'RSS',

lib/lang/ja-JP.js

@@ -1,5 +1,5 @@
 export default {
-  LOCALE: 'ja-JP',
+  LOCALE: '日本語',
   NAV: {
     INDEX: 'ホーム',
     RSS: '購読',

lib/lang/tr-TR.js

@@ -1,5 +1,5 @@
 export default {
-  LOCALE: 'tr-TR',
+  LOCALE: 'Türkçe',
   NAV: {
     INDEX: 'Blog',
     RSS: 'RSS',

lib/lang/zh-CN.js

@@ -1,5 +1,5 @@
 export default {
-  LOCALE: 'zh-CN',
+  LOCALE: '中文(简体)',
   MENU: {
     WALK_AROUND: '随便逛逛',
     CATEGORY: '博客分类',

lib/lang/zh-HK.js

@@ -1,4 +1,5 @@
 export default {
+  LOCALE: '中文(繁体香港)',
   NAV: {
     INDEX: '網誌',
     RSS: '訂閱',

lib/lang/zh-TW.js

@@ -1,5 +1,5 @@
 export default {
-  LOCALE: 'zh-TW',
+  LOCALE: '中文(繁体台湾)',
   NAV: {
     INDEX: '部落格',
     RSS: '訂閱',