feat(i18n): Add multiple languages support

Now this theme supports multiple languages. See also: https://gohugo.io/content-management/multilingual/
gundamew · Aug 1, 2019 · 94449ca · 94449ca
1 parent 3fb3ab1
commit 94449ca
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -163,6 +163,12 @@ ul {
     font-weight: normal;
 }
 
+.lang-selector {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+}
+
 .footer-text {
     font-size: .8rem;
 }

diff --git a/i18n/en.toml b/i18n/en.toml
@@ -0,0 +1,2 @@
+[recent_posts]
+other = "Recent Posts"
diff --git a/i18n/zh.toml b/i18n/zh.toml
@@ -0,0 +1,2 @@
+[recent_posts]
+other = "最新文章"
diff --git a/layouts/index.html b/layouts/index.html
@@ -18,7 +18,7 @@
     </div>
 
     <div id="recent-posts">
-        <h2>Recent Posts</h2>
+        <h2>{{ i18n "recent_posts" }}</h2>
         <ul>
             {{ range first 5 .Data.Pages.ByPublishDate.Reverse }}
                 <li>

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,4 +1,5 @@
 <footer>
+    {{ partial "lang-selector.html" . }}
     <span class="footer-text">Powered by <a href="https://gohugo.io/" target="_blank">Hugo</a></span>
 </footer>
 {{ $highlight := resources.Get "js/highlight.pack.js" | fingerprint }}

diff --git a/layouts/partials/lang-selector.html b/layouts/partials/lang-selector.html
@@ -0,0 +1,5 @@
+<ul class="lang-selector">
+    {{ range $.Site.Home.AllTranslations }}
+        <li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
+    {{ end }}
+</ul>