From c5c22237f095979522912998229ca7998a428fca Mon Sep 17 00:00:00 2001
From: MHuiG <616001163@qq.com>
Date: Wed, 8 Apr 2020 19:26:39 +0800
Subject: [PATCH] Feat: A simple and minimalist comment system

---
 _config.yml                         | 20 ++++++++++--
 layout/_partial/article.ejs         |  4 +++
 layout/_partial/post/minivaline.ejs | 49 +++++++++++++++++++++++++++++
 3 files changed, 70 insertions(+), 3 deletions(-)
 create mode 100644 layout/_partial/post/minivaline.ejs

diff --git a/_config.yml b/_config.yml
index dc2c888..5b3d038 100644
--- a/_config.yml
+++ b/_config.yml
@@ -101,14 +101,14 @@ layout:
   article_width: 80rem
   sidebar_width: 8rem
 
-# 评论：1、Valine(推荐)；2、Gitalk
+# 评论：1、Valine(推荐)；2、Gitalk；3、MiniValine
 
 # 1、Valine[一款快速、简洁且高效的无后端评论系统](https://github.com/xCss/Valine)
 # 启用Valine必须先创建leancloud应用， 获取 id|key 填入即可
 leancloud:  
   enable: true
-  app_id: #
-  app_key: #
+  app_id:  # Your leancloud application appid
+  app_key:  # Your leancloud application appkey
 # Valine配置
 valine:
   enable: true # 是否启用
@@ -126,6 +126,20 @@ gitalk:
   owner: # GitHub ID
   admin: # GitHub ID
 
+# 3、MiniValine
+# See: https://github.com/MiniValine/MiniValine
+minivaline:
+  enable: true
+  placeholder: Write a Comment # Comment box placeholder
+  adminEmailMd5: # The MD5 of Admin Email to show Admin Flag.
+  math: true # Support MathJax.
+  md: true # Support Markdown.
+  # MiniValine's display language depends on user's browser or system environment
+  # If you want everyone visiting your site to see a uniform language, you can set a force language value
+  # Available values: en  | zh-CN | (and many more)
+  # More i18n info: https://github.com/MiniValine/minivaline-i18n
+  lang:
+
 # GitHub Ribbons-封面右上角的forkme，换样式直接在source/images目录下替换forkme图片
 github: 
   # (关闭请设置为false)
diff --git a/layout/_partial/article.ejs b/layout/_partial/article.ejs
index 5d0dfcc..bb11e55 100644
--- a/layout/_partial/article.ejs
+++ b/layout/_partial/article.ejs
@@ -81,5 +81,9 @@
   <% if (is_post()) { %>
   <%- partial('post/gitalk') %>
   <% } %>
+  
+  <% if (is_post()) { %>
+  <%- partial('post/minivaline') %>
+  <% } %>
 
 </article>
\ No newline at end of file
diff --git a/layout/_partial/post/minivaline.ejs b/layout/_partial/post/minivaline.ejs
new file mode 100644
index 0000000..f14f4ae
--- /dev/null
+++ b/layout/_partial/post/minivaline.ejs
@@ -0,0 +1,49 @@
+<% if (!index && theme.leancloud && theme.leancloud.enable){ %>
+<!-- minivaline评论 -->
+<div id="vcomments-box">
+    <div id="vcomments">
+    </div>
+</div>
+<script src='https://unpkg.com/minivaline/dist/MiniValine.min.js'></script>
+<script>
+	new MiniValine({
+	  el: '#vcomments',
+	  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('#vcomments .info');
+    if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0) {
+        infoEle.childNodes.forEach(function (item) {
+            item.parentNode.removeChild(item);
+        });
+    }
+</script>
+<style>
+    #vcomments-box {
+        padding: 5px 30px;
+    }
+
+    @media screen and (max-width: 800px) {
+        #vcomments-box {
+            padding: 5px 0px;
+        }
+    }
+
+    #vcomments-box #vcomments {
+        background-color: #fff;
+    }
+
+    .v .vlist .vcard .vh {
+        padding-right: 20px;
+    }
+
+    .v .vlist .vcard {
+        padding-left: 10px;
+    }
+</style>
+<% } %>
\ No newline at end of file