Add multilingual support for titles and navigation in templates #53

Author: mintfog

layout/includes/head.ejs

@@ -1,12 +1,13 @@
 <%
+    var lang = config.language || 'zh-CN';
     var title = page.title;
     // tags, categories, about pages title
     if (title === 'tags') {
-        title = '标签 | '+ config.title;
+        title = lang === 'en' ? 'Tags | ' + config.title : '标签 | ' + config.title;
     } else if (title === 'categories') {
-        title = '分类归档 | '+ config.title;
+        title = lang === 'en' ? 'Categories | ' + config.title : '分类归档 | ' + config.title;
     } else if (title === 'about') {
-        title = '关于 | '+ config.title;
+        title = lang === 'en' ? 'About | ' + config.title : '关于 | ' + config.title;
     } else if (!title) {
         title = config.title;
     }

layout/includes/post-list.ejs

@@ -38,11 +38,12 @@
 
 <% if (page.total > 1) { %>
     <div class="pagination-container">
+      <% var lang = config.language || 'zh-CN'; %>
       <% if (page.prev) { %>
-        <a href="<%- url_for(page.prev_link) %>" class="prev"><i class="icon icon-arrow-ios-back-outline"></i> 上一页</a>
+        <a href="<%- url_for(page.prev_link) %>" class="prev"><i class="icon icon-arrow-ios-back-outline"></i> <%= lang === 'en' ? 'Prev' : '上一页' %></a>
       <% } %>
       <% if (page.next) { %>
-        <a href="<%- url_for(page.next_link) %>" class="next">下一页 <i class="icon icon-arrow-ios-forward-outline"></i></a>
+        <a href="<%- url_for(page.next_link) %>" class="next"><%= lang === 'en' ? 'Next' : '下一页' %> <i class="icon icon-arrow-ios-forward-outline"></i></a>
       <% } %>
     </div>
 <% } %>

layout/post.ejs

@@ -39,7 +39,8 @@
       <div class="next-post">
         <a class="purple-link" href="<%- url_for(page.next.path) %>">
           <h3 class="post-title">
-            下一篇：<%= page.next.title %>
+            <% var lang = config.language || 'zh-CN'; %>
+            <%= lang === 'en' ? 'Next post: ' : '下一篇：' %><%= page.next.title %>
           </h3>
         </a>
       </div>

layout/tags.ejs

@@ -3,8 +3,9 @@
 <div class="content-container">
 
   <div class="tags-container">
+    <% var lang = config.language || 'zh-CN'; %>
     <% if (site.tags.length <= 0) { %>
-        <a class="tag" href="">暂无标签</a>
+        <a class="tag" href=""><%= lang === 'en' ? 'No tags yet' : '暂无标签' %></a>
     <% } %>
     <% site.tags.forEach((tag) => { %>
       <a class="tag" href="<%= url_for(tag.path) %>"><%= tag.name %></a>