📦 update: minivaline

2020-06-07 10:05:53 +08:00
parent 48d03030a8
commit 5c501a9db7
3 changed files with 109 additions and 67 deletions
--- a/layout/_partial/post/minivaline.ejs
+++ b/layout/_partial/post/minivaline.ejs
@@ -0,0 +1,48 @@
+<% if (!index && theme.leancloud && theme.leancloud.enable){ %>
+<!-- minivaline评论 -->
+<div id="mvcomments-box">
+  <div id="mvcomments"></div>
+</div>
+<script src="https://cdn.jsdelivr.net/npm/minivaline/dist/MiniValine.min.js"></script>
+<script>
+  new MiniValine({
+    el: '#mvcomments',
+    appId: '<%- theme.leancloud.app_id %>',
+    appKey: '<%- theme.leancloud.app_key %>',
+    placeholder: '<%- theme.minivaline.placeholder %>',
+    lang: '<%- theme.minivaline.lang %>',
+    adminEmailMd5: '<%- theme.minivaline.adminEmailMd5 %>',
+    math: <%- theme.minivaline.math %>,
+    md: <%- theme.minivaline.md %>
+  });
+  const infoEle = document.querySelector('#mvcomments .info');
+  if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0) {
+      infoEle.childNodes.forEach(function (item) {
+          item.parentNode.removeChild(item);
+      });
+  }
+</script>
+<style>
+  #mvcomments-box {
+    padding: 5px 30px;
+  }
+
+  @media screen and (max-width: 800px) {
+    #mvcomments-box {
+      padding: 5px 0px;
+    }
+  }
+
+  #mvcomments-box #mvcomments {
+    background-color: #fff;
+  }
+
+  .v .vlist .vcard .vh {
+    padding-right: 20px;
+  }
+
+  .v .vlist .vcard {
+    padding-left: 10px;
+  }
+</style>
+<% } %>