feat(comment): add gitalk support

Author: ppoffice

_config.yml.example

@@ -75,6 +75,14 @@ comment:
         avatar: identicon # (''/mm/identicon/monsterid/wavatar/retro/hide), more to see https://valine.js.org/avatar/
         avatar_cdn: https://gravatar.loli.net/avatar/ # avatar CDN address, default gravatar.loli.net
         pageSize: 10 # comments of one page
+    gitalk:
+        on: # enter true to enable gitalk
+        owner: # GitHub user name
+        repo: # GitHub repository name
+        client_id: # OAuth application client id
+        client_secret: # OAuth application client secret
+        admin: # GitHub repo owner and collaborators who can initialize github issues
+               # Can either be a string or an array.
 
 # Share
 share: default # options: jiathis, bdshare, addtoany, default

layout/comment/gitalk.ejs

@@ -0,0 +1,17 @@
+<% if (typeof(script) !== 'undefined' && script) { %>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
+<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
+<script>
+    var gitalk = new Gitalk({
+        clientID: '<%= theme.comment.gitalk.client_id %>',
+        clientSecret: '<%= theme.comment.gitalk.client_secret %>',
+        id: '<%= md5(page.path) %>',
+        repo: '<%= theme.comment.gitalk.repo %>',
+        owner: '<%= theme.comment.gitalk.owner %>',
+        admin: <%- JSON.stringify(theme.comment.gitalk.admin)%>
+    })
+    gitalk.render('comment-container')
+</script>
+<% } else { %>
+<div id="comment-container"></div>
+<% } %>

layout/comment/index.ejs

@@ -10,13 +10,15 @@
         <%- partial('comment/livere') %>
     <% } else if (theme.comment.facebook) { %>
       <%- partial('comment/facebook') %>
-    <% } else if (typeof(theme.comment.isso) === 'string' 
+    <% } else if (typeof(theme.comment.isso) === 'string'
                    || theme.comment.isso && theme.comment.isso.on) { %>
         <%- partial('comment/isso') %>
     <% } else if (theme.comment.changyan.on) { %>
         <%- partial('comment/changyan') %>
     <% } else if (theme.comment.valine.on) { %>
         <%- partial('comment/valine') %>
+    <% } else if (theme.comment.gitalk.on) { %>
+        <%- partial('comment/gitalk') %>
     <% } %>
     </section>
 <% } %>

layout/comment/scripts.ejs

@@ -8,11 +8,13 @@
     <%- partial('comment/livere', { script: true }) %>
 <% } else if (theme.comment.facebook) { %>
     <%- partial('comment/facebook', { script: true }) %>
-<% } else if (typeof(theme.comment.isso) === 'string' 
+<% } else if (typeof(theme.comment.isso) === 'string'
                || theme.comment.isso && theme.comment.isso.on) { %>
     <%- partial('comment/isso', { script: true }) %>
 <% } else if (theme.comment.changyan.on) { %>
     <%- partial('comment/changyan', { script: true }) %>
 <% } else if (theme.comment.valine.on) { %>
     <%- partial('comment/valine', { script: true }) %>
+<% } else if (theme.comment.gitalk.on) { %>
+    <%- partial('comment/gitalk', { script: true }) %>
 <% } %>

scripts/md5.js

@@ -0,0 +1,11 @@
+/**
+* MD5 Hash Helper
+* @description Calculate the MD5 hash value of a string
+* @example
+*     <%- md5(data) %>
+*/
+const crypto = require('crypto');
+
+hexo.extend.helper.register('md5', function (data) {
+    return crypto.createHash('md5').update(data).digest("hex");
+});