add valine in comments and full-config

2 files changed, 42 insertions, 1 deletions

diff --git a/exampleSite/full-config.toml b/exampleSite/full-config.toml
index 2705ce4..e41a92d 100644
--- a/exampleSite/full-config.toml
+++ b/exampleSite/full-config.toml
@@ -147,6 +147,18 @@ defaultContentLanguage = "en"           # Default language to use
   [params.livere]          	#LiveRe comment. see https://www.livere.com/
 	  uid = ""
 
+  # Valine.
+  # You can get your appid and appkey from https://leancloud.cn
+  # more info please open https://valine.js.org
+  [params.valine]
+    enable = false
+    appId = ''
+    appKey = ''
+    notify = false  # If you are using valine-admin to notify users, do NOT enable this. https://github.com/xCss/Valine/wiki
+    verify = false # Verification code
+    avatar = 'mm' 
+    placeholder = ''
+
   [params.search.google]    # google custom search, see https://cse.google.com
     enable = false
     id = "002186711602136249422:q1gkomof_em"
diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
index 86fee0d..2b702e3 100644
--- a/layouts/partials/comments.html
+++ b/layouts/partials/comments.html
@@ -118,6 +118,35 @@
       <a href="https://www.livere.com">comments powered by LiveRe.</a>
     </noscript>
    </div>
-	{{- end }}
+  {{- end }}
+
+  <!-- valine -->
+  {{- if .Site.Params.valine.enable -}}
+  <div id="comments"></div>
+  <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+  <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
+  <script>
+    if(window.location.hash){
+        var checkExist = setInterval(function() {
+            if ($(window.location.hash).length) {
+              $('html, body').animate({scrollTop: $(window.location.hash).offset().top-90}, 700);
+              clearInterval(checkExist);
+            }
+        }, 10);
+    }
+  </script>
+  <script type="text/javascript">
+    new Valine({
+        el: '#comments' ,
+        appId: '{{ .Site.Params.valine.appId }}',
+        appKey: '{{ .Site.Params.valine.appKey }}',
+        notify: {{ .Site.Params.valine.notify }}, 
+        verify: {{ .Site.Params.valine.verify }}, 
+        avatar:'{{ .Site.Params.valine.avatar }}', 
+        placeholder: '{{ .Site.Params.valine.placeholder }}',
+        visitor: {{ false }}
+    });
+  </script>
+  {{- end }}
 
 {{- end }}