添加一言副标题

Jadmin3 · Apr 10, 2018 · 3b62243 · 3b62243
1 parent 39e30fd
commit 3b62243
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 13 deletions.
diff --git a/_config.yml b/_config.yml
@@ -12,16 +12,6 @@ menu:
   关于: /about
   友链: /links
 
-# Gitment
-gitment:
-  owner: isecret
-  repo: comments
-  client_id: fd2eb35d0541586fff12
-  client_secret: 2d3600405c3d52acc4350bde075e176cdb633cea
-
-# 腾讯统计
-tencent_analytics: 65634393
-
 # 联系方式
 social:
   QQ: 572524331
@@ -36,6 +26,19 @@ favicon: /favicon.ico
 # 站点 Logo
 logo: /favicon.png
 
+# 一言 hitokoto
+hitokoto: enabled
+
+# Gitment
+gitment:
+  owner: isecret
+  repo: comments
+  client_id: fd2eb35d0541586fff12
+  client_secret: 2d3600405c3d52acc4350bde075e176cdb633cea
+
+# 腾讯统计
+tencent_analytics: 65634393
+
 # CSS 样式表路径
 stylesheets:
 - //fonts.openapi.link/css?family=Lato:300,300italic,400,400italic,700,700italic&amp;subset=latin,latin-ext
@@ -44,6 +47,8 @@ stylesheets:
 
 # Javascript 脚本路径
 scripts:
+- /js/jquery.min.js
+- /js/fetch.min.js
 - /js/instantclick.min.js
 - /js/gitment.browser.min.js
 - /js/hola.js
diff --git a/layout/layout.ejs b/layout/layout.ejs
@@ -46,12 +46,12 @@ if (is_home()) pageTitle = config.title;
 </head>
 <body>
     <div class="container">
-        <div class="header">
+        <div class="header-outer">
             <div class="header-site">
                 <div class="header-title">
                     <%=config.title%>
                 </div>
-                <div class="header-subtitle">
+                <div id="hitokoto" class="header-subtitle">
                     <%=config.subtitle%>
                 </div>
             </div>
@@ -96,6 +96,21 @@ if (is_home()) pageTitle = config.title;
             gitment.render("gitment");
         </script>
     <% } %>
+    <% if (theme.hitokoto == 'enabled') { %>
+    <script>
+        fetch('https://v1.hitokoto.cn')
+            .then(function (res){
+                return res.json();
+            })
+            .then(function (data) {
+                var hitokoto = document.getElementById('hitokoto');
+                hitokoto.innerText = '「' + data.hitokoto + '」——' + data.from;
+            })
+            .catch(function (err) {
+                console.error(err);
+            });
+    </script>
+    <% } %>
     <script data-no-instant>InstantClick.init();</script>
 </body>
 </html>
diff --git a/source/css/hola.css b/source/css/hola.css
@@ -443,7 +443,7 @@ hr {
     }
 }
 
-.header {
+.header-outer {
     min-width: 100%;
     display: inline-block;
     padding: 10px 0;

diff --git a/source/js/fetch.min.js b/source/js/fetch.min.js
diff --git a/source/js/jquery.min.js b/source/js/jquery.min.js