generate hreflang links in head

pelikhan · pelikhan · commit af33ae53a500 · 2022-10-19T08:24:50.000-07:00
diff --git a/_includes/editor.html b/_includes/editor.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang }}">
     <head>
-        {% include head-custom.html %}
+        {% include head-custom.html %} {% include hreflang.html %}
         <script src="https://unpkg.com/fflate"></script>
         <script src="https://unpkg.com/howler"></script>
         <script
@@ -184,7 +184,6 @@
             >
             </iframe>
         </div>
-        {% include footer.html %}
-        {% include dialogs.html %}
+        {% include footer.html %} {% include dialogs.html %}
     </body>
 </html>
diff --git a/_includes/hreflang.html b/_includes/hreflang.html
@@ -0,0 +1,16 @@
+<link rel="alternate" hreflang="en" href="/{{ site.github.repository_name }}/en" />
+<link rel="alternate" hreflang="eu" href="/{{ site.github.repository_name }}/eu" />
+<link rel="alternate" hreflang="ca" href="/{{ site.github.repository_name }}/ca" />
+<link rel="alternate" hreflang="zh-CN" href="/{{ site.github.repository_name }}/zh-CN" />
+<link rel="alternate" hreflang="hr" href="/{{ site.github.repository_name }}/hr" />
+<link rel="alternate" hreflang="fr" href="/{{ site.github.repository_name }}/fr" />
+<link rel="alternate" hreflang="fr-CA" href="/{{ site.github.repository_name }}/fr-CA" />
+<link rel="alternate" hreflang="de" href="/{{ site.github.repository_name }}/de" />
+<link rel="alternate" hreflang="it" href="/{{ site.github.repository_name }}/it" />
+<link rel="alternate" hreflang="ja" href="/{{ site.github.repository_name }}/ja" />
+<link rel="alternate" hreflang="pl" href="/{{ site.github.repository_name }}/pl" />
+<link rel="alternate" hreflang="pt-BR" href="/{{ site.github.repository_name }}/pt-BR" />
+<link rel="alternate" hreflang="es-ES" href="/{{ site.github.repository_name }}/es-ES" />
+<link rel="alternate" hreflang="es-MX" href="/{{ site.github.repository_name }}/es-MX" />
+<link rel="alternate" hreflang="tr" href="/{{ site.github.repository_name }}/tr" />
+<link rel="alternate" hreflang="cy" href="/{{ site.github.repository_name }}/cy" />
diff --git a/assets/js/custom.js b/assets/js/custom.js
@@ -351,7 +351,7 @@ function initLang() {
     const url = new URL(window.location.href)
     editorLang =
         url.searchParams.get("lang") ||
-        (document.firstElementChild.lang !== "en-US"
+        (document.firstElementChild.lang !== "en"
             ? document.firstElementChild.lang
             : undefined) ||
         navigator.language ||
diff --git a/index.html b/index.html
diff --git a/scripts/lochex.mjs b/scripts/lochex.mjs
@@ -21,12 +21,14 @@ console.log(`crowdin languages`, { languages })
 
 languages.splice(languages.indexOf("en"), 1)
 languages.unshift("en")
+
 const supported = []
 
 const fonts = {
     ar: 12,
     ja: 12,
     "zh-CN": 12,
+    "zh-HK": 12,
     ko: 12,
 }
 
@@ -88,4 +90,13 @@ lang: ${lang}
 }
 
 writeFileSync("./assets/languages.json", JSON.stringify(supported, null, 2))
+writeFileSync(
+    "./_includes/hreflang.html",
+    supported
+        .map(
+            lang =>
+                `<link rel="alternate" hreflang="${lang}" href="/{{ site.github.repository_name }}/${lang}" />`
+        )
+        .join("\n")
+)
 console.log(`supported languages`, { supported })
