From 5b940fc48d14cd2aa01630557144f7e1d1aeb2d7 Mon Sep 17 00:00:00 2001
From: ElderJames <shunjiey@hotmail.com>
Date: Fri, 28 Jul 2017 13:32:05 +0800
Subject: [PATCH] feat(comment): add gitment

---
 _config.template.yml                      |  7 ++++++-
 layout/_widget/comment/gitment/common.ejs | 15 +++++++++++++++
 layout/_widget/comment/gitment/enter.ejs  | 10 ++++++++++
 layout/_widget/comment/gitment/main.ejs   |  2 ++
 4 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 layout/_widget/comment/gitment/common.ejs
 create mode 100644 layout/_widget/comment/gitment/enter.ejs
 create mode 100644 layout/_widget/comment/gitment/main.ejs

diff --git a/_config.template.yml b/_config.template.yml
index dcc7b4020..29e94789c 100644
--- a/_config.template.yml
+++ b/_config.template.yml
@@ -208,7 +208,8 @@ sidebar:
 
 # Comment Systems
 # Available value of "use":
-#     disqus | disqus_click | changyan | livere
+#     disqus | disqus_click | changyan | livere | gitment
+# If you want to use gitment,you should get the client_id and client_secret form https://github.com/settings/applications/new
 comment:
     use:
     shortname: # duoshuo or disqus shortname
@@ -216,6 +217,10 @@ comment:
     changyan_conf:
     changyan_thread_key_type: path
     livere_data_uid:
+    gitment_repo:   # git repo of the hexo
+    gitment_owner:  # git repo's owner
+    gitment_client_id:  # github app client id 
+    gitment_client_secret :  # github app client secret 
 
 # Search Systems
 # Available value:
diff --git a/layout/_widget/comment/gitment/common.ejs b/layout/_widget/comment/gitment/common.ejs
new file mode 100644
index 000000000..05fc8a501
--- /dev/null
+++ b/layout/_widget/comment/gitment/common.ejs
@@ -0,0 +1,15 @@
+<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
+<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
+<script>
+    var gitment = new Gitment({
+        //id: '页面 ID', // 可选。默认为 location.href
+        owner: '<%= theme.comment.gitment_owner %>',
+        repo: '<%= theme.comment.gitment_repo %>',
+        oauth: {
+            client_id: '<%= theme.comment.gitment_client_id %>',
+            client_secret: '<%= theme.comment.gitment_client_secret %>',
+        },
+    })
+    gitment.render('container')
+
+</script>
\ No newline at end of file
diff --git a/layout/_widget/comment/gitment/enter.ejs b/layout/_widget/comment/gitment/enter.ejs
new file mode 100644
index 000000000..eab8e03ff
--- /dev/null
+++ b/layout/_widget/comment/gitment/enter.ejs
@@ -0,0 +1,10 @@
+<!-- 使用 gitcoment -->
+<div id="gitment-comment">
+    <%- partial('_widget/comment/' + theme.comment.use + '/main') %>
+</div>
+<style>
+    #gitment-comment{
+        background-color: #eee;
+        padding: 2pc;
+    }
+</style>
\ No newline at end of file
diff --git a/layout/_widget/comment/gitment/main.ejs b/layout/_widget/comment/gitment/main.ejs
new file mode 100644
index 000000000..c5bdd6460
--- /dev/null
+++ b/layout/_widget/comment/gitment/main.ejs
@@ -0,0 +1,2 @@
+<!-- Gitment 评论框 -->
+<div id="container"></div>
\ No newline at end of file