Feat: A simple and minimalist comment system.

_config.yml

@@ -475,7 +475,7 @@ plugins:
 comments:
   title: <i class='fas fa-comments'></i> 评论
   subtitle:
-  service: valine # valine, disqus, gitalk, livere
+  service: valine # valine, minivaline, disqus, gitalk, livere
   valine:
     appId: # your appId
     appKey: # your appKey
@@ -490,6 +490,20 @@ comments:
     lang: zh-cn
     highlight: true
     visitor: false # unavailable for now...
+  # MiniValine
+  # See: https://github.com/MiniValine/MiniValine
+  minivaline:
+    appId: # Your leancloud application appid
+    appKey: # Your leancloud application appkey
+    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:
   disqus:
     shortname:
   gitalk:

layout/_partial/scripts.ejs

@@ -108,6 +108,7 @@
   var enableLivere = false;
   var enableGitalk = false;
   var enableValine = false;
+  var enableMiniValine = false;
   if (theme.comments && page && page.comments == true) {
     if (theme.comments.disqus && theme.comments.disqus.shortname) {
       enableDisqus = true;
@@ -121,6 +122,9 @@
     if (theme.comments.valine && theme.comments.valine.appId) {
       enableValine = true;
     }
+    if (theme.comments.minivaline && theme.comments.minivaline.appId) {
+      enableMiniValine = true;
+    }
   }
 %>
 <% if (enableDisqus){ %>
@@ -207,6 +211,22 @@
   </script>
 <% } %>
 
+<% if (enableMiniValine){ %>
+  <<script src="https://unpkg.com/minivaline/dist/MiniValine.min.js"></script>
+  <script>
+  new MiniValine({
+    el: '#minivaline_container',
+    appId: '<%= theme.comments.minivaline.appId %>',
+    appKey: '<%= theme.comments.minivaline.appKey %>',
+    placeholder: '<%= theme.comments.minivaline.placeholder %>',
+    lang: '<%= theme.comments.minivaline.lang %>',
+    adminEmailMd5: '<%= theme.comments.minivaline.adminEmailMd5 %>',
+    math: <%= theme.comments.minivaline.math %>,
+    md: <%= theme.comments.minivaline.md %>
+  });
+  </script>
+<% } %>
+
 <% if (theme.info.cdn && theme.info.cdn.js) { %>
   <%- js(theme.info.cdn.js) %>
 <% } else { %>

layout/_third-party/comments.ejs

@@ -4,6 +4,7 @@
   var enableLivere = false;
   var enableGitalk = false;
   var enableValine = false;
+  var enableMiniValine = false;
   if (theme.comments && page && page.comments == true) {
     if (theme.comments.disqus && theme.comments.disqus.shortname) {
       enableDisqus = true;
@@ -16,11 +17,14 @@
     }
     if (theme.comments.valine && theme.comments.valine.appId) {
       enableValine = true;
+    }
+	if (theme.comments.minivaline && theme.comments.minivaline.appId) {
+      enableMiniValine = true;
     }
   }
 %>
 
-<% if (enableDisqus || enableLivere || enableGitalk || enableValine) { %>
+<% if (enableDisqus || enableLivere || enableGitalk || enableValine || enableMiniValine) { %>
   <article class="post white-box comments <%- theme.style.body.effect.join(' ') %>">
     <section class="article typo">
       <p ct><%- theme.comments && theme.comments.title %></p>
@@ -53,6 +57,13 @@
           </div>
         </section>
       <% } %>
+      <% if (enableMiniValine){ %>
+        <section id="comments">
+          <div id="minivaline_container">
+            <i class="fas fa-spinner fa-spin fa-fw"></i>
+          </div>
+        </section>
+      <% } %>
     </section>
   </article>
 <% } else { %>