add artitalk

4 years ago · 33e55c891d
parent 6bc052d67f
commit 33e55c891d
2 changed files with 68 additions and 0 deletions
--- a/_config.yml
+++ b/_config.yml
@ -599,3 +599,23 @@ info:
  cdn:
    js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.6.5/js/app.js
    css:
+
+
+############################### Shuoshuo ###############################      
+# Artitalk
+# https://artitalk.js.org
+# 配置过程请参考：https://artitalk.js.org/doc.html
+# 除appID和appKEY外均为选填项
+Artitalk:
+  appID: ogP8qj3veMh0LFpFWMPOyF0X-MdYXbMMI # your appID
+  appKEY: nHXLd3N3Jgh460t2iRQKWAtr # your appKEY
+  # severurl:  #leancloud绑定的安全域名，使用国际版的话不需要填写
+  # slanguage: # 语言设置，zh为汉语，en为英语，es为西班牙语。默认为汉语
+  # per: #每页说说的显示数量
+  # placeholder1: #在编辑说说的输入框中的占位符
+  # placeholder2: #自定义头像url的输入框的占位符
+  # lazy: #加载动画的开关，1为开，0为关，默认为开
+  # bgimg: #说说输入框背景图片url
+  # color1: #说说背景颜色1&按钮颜色1
+  # color2: #说说背景颜色2&按钮颜色2
+  # color3: #说说字体颜色
--- a/layout/artitalk.ejs
+++ b/layout/artitalk.ejs
@ -0,0 +1,48 @@
+<%- partial('_pre') %>
+<div class='l_main<%- page.sidebar == false ? ' no_sidebar' : '' %>'>
+  <%- partial('_partial/article', {post: page, index: false}) %>
+  <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+    <body>
+        <script>
+            var appID ="<%=  theme.Artitalk.appID  %>";
+            var appKEY ="<%=  theme.Artitalk.appKEY  %>";
+            <% if(theme.Artitalk.severurl){ %>
+                var severurl="<%=  theme.Artitalk.severurl  %>";
+            <% } %>
+            <% if(theme.Artitalk.slanguage){ %>
+                var slanguage="<%=  theme.Artitalk.slanguage  %>";
+            <% } %>
+            <% if(theme.Artitalk.per){ %>
+                var per="<%=  theme.Artitalk.per  %>";
+            <% } %>
+            <% if(theme.Artitalk.placeholder1){ %>
+                var placeholder1="<%=  theme.Artitalk.placeholder1  %>";
+            <% } %>
+            <% if(theme.Artitalk.placeholder2){ %>
+                var placeholder2="<%=  theme.Artitalk.placeholder2  %>";
+            <% } %>
+            <% if(theme.Artitalk.lazy==0){ %>
+                var lazy=0;
+            <% }else{ %>
+                var lazy=1;
+            <% }  %>
+            <% if(theme.Artitalk.bgimg){ %>
+                var bgimg="<%=  theme.Artitalk.bgimg  %>";
+            <% } %>
+            <% if(theme.Artitalk.color1){ %>
+                var color1="<%=  theme.Artitalk.color1  %>";
+            <% } %>
+            <% if(theme.Artitalk.color2){ %>
+                var color2="<%=  theme.Artitalk.color2  %>";
+            <% } %>
+            <% if(theme.Artitalk.color3){ %>
+                var color3="<%=  theme.Artitalk.color3  %>";
+            <% } %>
+        </script>
+        <div id="lazy"></div>
+        <div id="artitalk"></div>
+        <script type="text/javascript" src="https://unpkg.com/artitalk"></script>
+    </body>
+</div>
+<%- partial('_partial/side') %>
+<%- partial('_partial/footer', null, {cache: !config.relative_link}) %>