feat(ArticleCopyright): implement the "not by AI" function, completely support multi-languages icons

components/NotByAI.js

@@ -1,5 +1,54 @@
 import { useGlobal } from '@/lib/global'
 
+const LANGS = {
+  'en-US': 'en',
+  'zh-CN': 'zh',
+  'zh-HK': 'zh-HK',
+  'zh-TW': 'zh-TW',
+  'fr-FR': 'fr',
+  'tr-TR': 'tr',
+  'ja-JP': 'ja'
+}
+
+/**
+ * 获取当前not-by-ai文件路径
+ * 如果匹配到完整的“国家-地区”语言，则显示国家的语言
+ * @returns string
+ */
+export function generateNotByAiPath(langString) {
+  const supportedLocales = Object.keys(LANGS)
+  let userLocale
+
+  // 将语言字符串拆分为语言和地区代码，例如将 "zh-CN" 拆分为 "zh" 和 "CN"
+  const [language, region] = langString?.split(/[-_]/)
+
+  // 优先匹配语言和地区都匹配的情况
+  const specificLocale = `${language}-${region}`
+  if (supportedLocales.includes(specificLocale)) {
+    userLocale = LANGS[specificLocale]
+  }
+
+  // 然后尝试匹配只有语言匹配的情况
+  if (!userLocale) {
+    const languageOnlyLocales = supportedLocales.filter(locale =>
+      locale.startsWith(language)
+    )
+    if (languageOnlyLocales.length > 0) {
+      userLocale = LANGS[languageOnlyLocales[0]]
+    }
+  }
+
+  // 如果还没匹配到，则返回最接近的
+  if (!userLocale) {
+    const fallbackLocale = supportedLocales.find(locale =>
+      locale.startsWith('en')
+    )
+    userLocale = LANGS[fallbackLocale]
+  }
+
+  return userLocale ?? 'zh'
+}
+
 /**
  * 版权声明
  * @returns
@@ -10,7 +59,7 @@ export default function NotByAI() {
   return (
     <img
       className='transform hover:scale-110 duration-150'
-      src={`/svg/not-by-ai/${lang}/Written-By-Human-Not-By-AI-Badge-${isDarkMode ? 'black' : 'white'}.svg`}
+      src={`/svg/not-by-ai/${generateNotByAiPath(lang)}/Written-By-Human-Not-By-AI-Badge-${isDarkMode ? 'black' : 'white'}.svg`}
       alt='not-by-ai'
     />
   )