feat: support Valine comment #22

reuixiy · Nov 21, 2019 · 15a86ac · 15a86ac
1 parent 9cbb874
commit 15a86ac
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 3 deletions.
diff --git a/config-examples/en-us/config.toml b/config-examples/en-us/config.toml
@@ -567,6 +567,25 @@ uglyURLs = false
     enableDisqus = false
     disqusShortname = ""
 
+    ## Valine
+    enableValine = false
+    valineAppId = ""
+    valineAppKey = ""
+    valinePlaceholder = "Just go go"
+    valineNotify = false
+    valineVerify = false
+    valinePath = "window.location.pathname"
+    valineAvatar = "mm"
+    valineMeta = ["nick", "mail", "link"]
+    valinePageSize = 10
+    valineLang = "en"
+    valineVisitor = false
+    valineHighlight = true
+    avatarForce = false
+    valineRecordIP = false
+    valineServerURLs = "http[s]://[tab/us].avoscloud.com"
+    # Note: https://valine.js.org/
+
 
     ######################################
     # Google Analytics

diff --git a/config-examples/zh-cn/config.toml b/config-examples/zh-cn/config.toml
@@ -519,6 +519,25 @@ uglyURLs = false
     enableDisqus = false
     disqusShortname = ""
 
+    ## Valine
+    enableValine = false
+    valineAppId = ""
+    valineAppKey = ""
+    valinePlaceholder = "Just go go"
+    valineNotify = false
+    valineVerify = false
+    valinePath = "window.location.pathname"
+    valineAvatar = "mm"
+    valineMeta = ["nick", "mail", "link"]
+    valinePageSize = 10
+    valineLang = "zh-cn"
+    valineVisitor = false
+    valineHighlight = true
+    avatarForce = false
+    valineRecordIP = false
+    valineServerURLs = "http[s]://[tab/us].avoscloud.com"
+    # 说明：https://valine.js.org/
+
 
     ######################################
     # Google Analytics

diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
@@ -1,10 +1,18 @@
 {{ if and (.Params.comments | default .Site.Params.enableComments) (eq hugo.Environment "production") }}
     {{ if or (in .Site.Params.mainSections .Section) .Params.comments }}
+
+        <div class="load-comments">
+            <div id="load-comments" onclick="loadComments()">{{ i18n "loadComments" }}</div>
+        </div>
+
         {{ if .Site.Params.enableDisqus }}
-            <div class="load-comments">
-                <div id="load-comments" onclick="loadComments()">{{ i18n "loadComments" }}</div>
-            </div>
             <div id="disqus_thread"></div>
         {{ end }}
+
+        {{ if .Site.Params.enableValine }}
+            <script src="https://unpkg.com/valine/dist/Valine.min.js"></script>
+            <div id="vcomments"></div>
+        {{ end }}
+
     {{ end }}
 {{ end }}
diff --git a/layouts/partials/script.html b/layouts/partials/script.html
@@ -41,9 +41,15 @@
 
 {{ if and (.Params.comments | default .Site.Params.enableComments) (eq hugo.Environment "production") }}
     {{ if or (in .Site.Params.mainSections .Section) .Params.comments }}
+
         {{ if .Site.Params.enableDisqus }}
             {{ partial "third-party/disqus.html" . }}
         {{ end }}
+
+        {{ if .Site.Params.enableValine }}
+            {{ partial "third-party/valine.html" . }}
+        {{ end }}
+
     {{ end }}
 {{ end }}
 

diff --git a/layouts/partials/third-party/valine.html b/layouts/partials/third-party/valine.html
@@ -0,0 +1,23 @@
+<script>
+    function loadComments() {
+        document.querySelector('#load-comments').style = "display:none";
+        new Valine({
+            el: '#vcomments',
+            appId: '{{ .Site.Params.valineAppId }}',
+            appKey: '{{ .Site.Params.valineAppKey }}',
+            placeholder: '{{ .Site.Params.valinePlaceholder }}',
+            notify: {{ .Site.Params.valineNotify }},
+            verify: {{ .Site.Params.valineVerify }},
+            path: '{{ .Site.Params.valinePath }}',
+            avatar: '{{ .Site.Params.valineAvatar }}',
+            meta: {{ .Site.Params.valineMeta }},
+            pageSize: {{ .Site.Params.valinePageSize }},
+            lang: '{{ .Site.Params.valineLang }}',
+            visitor: {{ .Site.Params.valineVisitor }},
+            highlight: {{ .Site.Params.valineHighlight }},
+            avatarForce: {{ .Site.Params.avatarForce }},
+            recordIP: {{ .Site.Params.valineRecordIP }},
+            serverURLs: '{{ .Site.Params.valineServerURLs }}'
+        });
+    }
+</script>