文章目录
  1. 1. Step1:前期准备工作
  2. 2.   Step 2 hexo的Pacman主题配置

  自从多说倒闭后,一直没有找到适合hexo的评论模块,虽说基本上也没啥人评论来着_(:зゝ∠)

  在github闲逛的时候,发现了gitment这个有趣的东东,居然可以把github的Issues转化成博客的评论。

  gitment只支持github账号登录评论,不过这年头谁还没个gayhub账号啊:-D。

  项目地址:https://github.com/imsun/gitment

  中文说明:https://imsun.net/posts/gitment-introduction/

  搜索了一下网络上hexo对gitment的使用,发现大多数都是Next主题的,没有关于pacmen主题的,因此自己摸索完成了hexo pacmen主题上对gitment的使用方法,分享给大家。

Step1:前期准备工作

  首先,因为Gitment是使用的GitHub Issues作为评论系统,在接入Gitment前,需要获得GitHub的授权,获得相应的客户端id和客户端私钥,以备站点使用。

  OAuth Application注册地址:https://github.com/settings/applications/new

  Application name、Homepage URL、Application description可以随便填写

  Authorization callback URL一定要填写正确的 callback URL(一般是评论页面对应的域名,如 http://blog.hytcshare.com)。

  注册好后会跳转到OAuth Apps详情页面,复制好Client ID和Client Secret备用

  Step 2 hexo的Pacman主题配置

  打开pacman主题下的layout/_partial/post目录下的comment.ejs文件,将其内容替换成如下(多说都倒闭了,还留它干啥呢):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<% if (page.comments) { %>
<!-- gitment评论框 start -->
<div id="gitment" class="ds-thread"></div>
<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: 'l<%= page.date %>', // 可选。建议为<%= page.date %>
owner: 'jrhu05', // 可以是你的GitHub用户名,也可以是github id
repo: 'jrhu05.github.io', //可以是你的任意一个repo,推荐使用githubpage所在的repo
oauth: {
client_id: 'xxx',//填入上一步骤复制的Client ID
client_secret: 'xxxxx',//填入上一步骤复制的Client Secret
},
})
gitment.render('gitment')
</script>
<% } %>

  至此所有的操作均已经完成。

  最后你要做的只需hexo g&&hexo d,重新部署一下hexo即可。

  哒哒,出来啦!评论一下试试吧!

  Enjoying it!

  转载的话请注明出处,给咱新开的小博客添点人气,谢谢!

文章目录
  1. 1. Step1:前期准备工作
  2. 2.   Step 2 hexo的Pacman主题配置