From 098179ec1ffd0bd9408d145123f0338346e9fa28 Mon Sep 17 00:00:00 2001
From: Emily <734204679@qq.com>
Date: Thu, 28 Oct 2021 23:11:25 +0800
Subject: [PATCH] Add valine comment system support (#446)

* feat: add valine support

* Adjust the comment config

* Adjust the comment config

* Make comment section backward compatible with old config

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

Co-authored-by: hossainemruz <hossainemruz@gmail.com>
---
 layouts/_default/single.html | 20 +++++++++++++++++---
 layouts/partials/disqus.html |  7 ++++++-
 layouts/partials/valine.html | 17 +++++++++++++++++
 3 files changed, 40 insertions(+), 4 deletions(-)
 create mode 100644 layouts/partials/valine.html

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3bd38b5..2423a98 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -155,10 +155,24 @@
       <hr />
         {{ partial "navigators/next-prev-navigator.html" . }}
       <hr />
-      <!-- Add Disqus forum  -->
-      {{ if site.DisqusShortname }}
-          {{ partial "disqus.html" . }}
+
+      <!----- Add comment support  ----->
+      {{ with site.Params.features.comment }}
+        {{ if .enable }}
+          <!-- Add Disqus forum  -->
+          {{ if .disqus.shortName }}
+              {{ partial "disqus.html" . }}
+          <!-- Add valine -->
+          {{ else if .valine }}
+              {{ partial "valine.html" . }}
+          {{ end }}
+        {{ end }}
       {{ end }}
+      <!-- Keep backward compatibility with old config.yaml -->
+      {{ if site.DisqusShortname }}
+        {{ partial "disqus.html" . }}
+      {{ end }}
+
       </div>
     </div>
   </div>
diff --git a/layouts/partials/disqus.html b/layouts/partials/disqus.html
index 71fef21..4ccd9e2 100644
--- a/layouts/partials/disqus.html
+++ b/layouts/partials/disqus.html
@@ -1,3 +1,8 @@
+{{ $disqusShortName := site.DisqusShortname }}
+{{ if site.Params.features.disqus.shortName }}
+  {{ $disqusShortName = site.Params.features.disqus.shortName }}
+{{ end }}
+
 <div id="disqus_thread"></div>
 <script type="text/javascript">
   (function () {
@@ -8,7 +13,7 @@
     var dsq = document.createElement("script");
     dsq.type = "text/javascript";
     dsq.async = true;
-    var disqus_shortname = "{{ site.DisqusShortname }}";
+    var disqus_shortname = "{{ $disqusShortName }}";
     dsq.src = "//" + disqus_shortname + ".disqus.com/embed.js";
     (
       document.getElementsByTagName("head")[0] ||
diff --git a/layouts/partials/valine.html b/layouts/partials/valine.html
new file mode 100644
index 0000000..c72e28a
--- /dev/null
+++ b/layouts/partials/valine.html
@@ -0,0 +1,17 @@
+<!-- valine -->
+<div id="vcomments"></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 type="text/javascript">
+  new Valine({
+    el: "#vcomments",
+    appId: "{{ .valine.appId }}",
+    appKey: "{{ .valine.appKey }}",
+    avatar: "{{ .valine.avatar }}",
+    placeholder: "{{ .valine.placeholder }}",
+    visitor: "{{ .valine.visitor }}",
+    lang: "{{ .valine.lang }}",
+    recordIP: "{{ .valine.recordIP }}",
+    enableQQ: "{{ .valine.enableQQ }}",
+  });
+</script>