💄 Update config file & remove google translate.

assets/js/next-boot.js

@@ -60,7 +60,10 @@ NexT.boot.registerEvents = function() {
 NexT.boot.refresh = function() {
 
   NexT.utils.fmtSiteInfo();
+
+  if (NexT.CONFIG.isMultiLang) {
     NexT.utils.registerLangSelect();
+  }
 
   if (!NexT.CONFIG.page.isPage) return;
  

assets/js/utils.js

@@ -523,12 +523,11 @@ NexT.utils = {
         optionsDom.style.opacity = '0';
         optionsDom.style.transform = 'translateY(-10px)';
 
-        const currentUrl = window.location.href;
+        let url = option.getAttribute('lang-url');
-        const newUrl = currentUrl.replace(/(\/[^\/]+)?(\/[^\/]+)?$/, `/${langCode}$1$2`);
         
         setTimeout(() => {
           optionsDom.style.display = 'none';
-          window.location.href = newUrl;
+          window.location.href = url;
         }, 300);
       });
     }); 

exampleSite/config.yaml

@@ -23,6 +23,24 @@ theme: hugo-theme-next
 # Default laguage & code for website
 defaultContentLanguage: zh-cn
 languageCode: zh-CN
+# 多语言配置
+# Multi-language settings
+# languages:
+#   zh-cn:
+#     languageCode: zh-CN
+#     languageDirection: ltr
+#     languageName: "简体中文"
+#     weight: 1
+#   en-us:
+#     languageCode: en-US
+#     languageDirection: ltr
+#     languageName: English
+#     weight: 2
+#   fr-fr:
+#     languageCode: fr-FR
+#     languageDirection: ltr
+#     languageName: French
+#     weight: 2
 # 是否包含中文，日语，韩文
 # Whether contains Chinese, Japanese and Korean
 hasCJKLanguage: true
@@ -377,9 +395,6 @@ params:
   # Footer Settings
   # ---------------------------------------------------------------
   footer:    
-    # 启动谷歌翻译功能
-    # Enable google translate in footer
-    translate: false
     # 站点开始年份，默认为当下时间的年份
     # Specify the year when the site was setup. 
     # If not defined, current year will be used.

layouts/_default/baseof.html

@@ -27,7 +27,7 @@
       {{ end }}
     </header>
     <!-- Widgets -->
-    {{ partial "widgets.html" . }}
+    {{ partialCached "widgets.html" . }}
     <div class="main-inner {{ block "main_inner_class" . }}{{ end }}">
       <!-- Submenu,Content,Comment -->
       {{ block "main" . }}{{ end }}
@@ -38,6 +38,7 @@
   </main>
   <footer class="footer">
     <div class="footer-inner">
+      {{ partial "langs.html" . }}
       {{ partialCached "footer.html" . }}
     </div>
   </footer>

layouts/partials/footer.html

@@ -1,23 +1,4 @@
 {{ $ft := .Site.Params.footer }}
-<div class="i18n-translate">
-  <i class="fa fa-language"></i>
-  <div id="lang-select" class="lang-select">
-    <div id="lang-selected" class="selected-option">
-      <span class="flag-icon flag-icon-{{$.Site.Language.Lang}}"></span>
-      <span class="selected-language">{{ .Site.Language.LanguageName }}</span>
-      <i class="fa fa-chevron-down"></i>
-    </div>
-    <div id="lang-options" class="lang-options">
-      {{ range .Site.Languages }}
-        <div class="lang-option" lang-code="{{ .Lang }}" lang-name="{{ .LanguageName }}">
-          <span class="flag-icon flag-icon-{{ .Lang }}"></span>
-          <span class="lang-name">{{ .LanguageName }}</span>
-        </div>
-      {{ end }}
-    </div>
-  </div>
-
-</div>
 <div class="copyright">
   &copy;
   <span itemprop="copyrightYear">

layouts/partials/init.html

@@ -48,8 +48,8 @@
   "bookmark"    .Site.Params.bookmark
   "lazyload"    .Site.Params.lazyload
   "motion"      .Site.Params.motion
+  "isMultiLang" hugo.IsMultilingual
   "i18n"        (dict 
-    "enable"      .Site.Params.footer.translate
     "placeholder" (T "Search.placeholder")
     "empty"       (T "Search.empty")
     "hits_time"   (T "Search.time")

layouts/partials/langs.html

@@ -0,0 +1,23 @@
+{{ if hugo.IsMultilingual}}
+<div id="i18n-translate" class="i18n-translate">
+  <i class="fa fa-language"></i>
+  <div id="lang-select" class="lang-select">
+    <div id="lang-selected" class="selected-option">
+      <span class="flag-icon flag-icon-{{$.Site.Language.Lang}}"></span>
+      <span class="selected-language">{{ .Site.Language.LanguageName }}</span>
+      <i class="fa fa-chevron-down"></i>
+    </div>
+    <div id="lang-options" class="lang-options">
+      {{ with .AllTranslations }}
+      {{ range . }}
+      {{ $langCode := lower .Language.LanguageCode }}
+        <div class="lang-option" lang-code="{{ $langCode }}" lang-name="{{ .Language.LanguageName }}" lang-url="{{ .RelPermalink }}">
+          <span class="flag-icon flag-icon-{{ $langCode }}"></span>
+          <span class="lang-name">{{ .Language.LanguageName }}</span>
+        </div>
+      {{ end }}
+      {{ end }}
+    </div>
+  </div>
+</div>
+{{ end }}

layouts/partials/widgets.html

@@ -4,9 +4,11 @@
     <i class="fas fa-comments"></i>
   </div>
   {{ end }}
-  <div id="goto-gtranslate" class="button"  title="{{ T "ToolBtns.lang" }}">
+  {{ if hugo.IsMultilingual }}
+  <div id="goto-i18n-translate" class="button"  title="{{ T "ToolBtns.lang" }}">
     <i class="fas fa-globe"></i>
   </div> 
+  {{ end }}
   <div id="toggle-theme" class="button" title="{{ T "ToolBtns.theme" }}">
     <i class="fas fa-adjust"></i>
   </div>