gitment评论系统部署完成!

gitment评论系统部署完成!

经过好长时间的调试,gitee+gitment终于完成了!
虽然博客的文件托管在码云上,但是gitment依赖于GitHub的issues。
等于是只使用了GitHub的issues功能。
这样不仅保证了访问速度,而且达到了评论的效果,Good ans Nice!

评论方法

只要在GitHub上注册一个账号,然后点击页面下方的log in登陆GitHub账号就可以评论了!
评论内容支持Markdown,write为编辑模式,可以在此写下含有Markdown符号的评论,然后通过preview预览。
评论完点击comment按钮就可以提交评论啦!

部署历程

  1. 注册OAuth App
    进入GitHub上的账户设置(右上角头像-Settings),点击页面左下方的Developer settings按钮,之后点击页面右上方的“New OAuth App”按钮,出现下图所示页面:

    Application name就是程序名,这里随意填。
    Homepage URL和Authorization callback URL两个都填上博客的地址,即http://xjzsq.gitee.io/blog。
    注意:这里必须加上http://,否则就会提示“Url must be a valid URL(URL必须是一个有效的URL)”,导致不能注册程序!
    中间的Application description即程序描述,随便填或者不填即可。
    填好后点击页面下方的绿色按钮,OAuth App便注册成功。
    之后跳转到的页面里面会有Client ID和Client Secret两个字符串,我们之后会用到,所以暂时不要关闭页面。

  2. 创建用来存放issues的GitHub仓库
    随便创建一个空仓库就好。这里我的名称是blog-comment,可以随意命名。

  3. 修改主题的ejs模板文件
    修改主题的layout/_partial文件夹下的comment.ejs,修改成这样:

    <div id="container"></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:  window.location.pathname ,// 可选。默认为 location.href
    owner: 'xjzsq' ,
    repo: 'blog-comment',
    oauth: {
     client_id: '',
     client_secret: '',
    },
    })
    gitment.render('container')
    </script>
    

    其中的Client ID和Client Secret就填写刚才注册成功后页面上的即可,owner填写用户名,repo填写刚才创建的GitHub的仓库名。
    注意:这里的字符串都要加上单引号,不然会出错!!!
    另外GitHub的仓库名不能加.git以及网址,否则会出错!!!
    另外id那里最好不要动。

  4. 重新部署blog
    hexo clean
    hexo d -g
    之后便可以查看效果了!
    但是这里要注意,每个页面默认都是不能被点评的,如下图:

    这是要登录创建oauth app时使用的GitHub账户(点击头像或者login),之后点击Initialize Comments(初始化评论)按钮,即可开始点评。这里需要注意的问题就是,如果初始化后直接刷新页面后又会出现初始化按钮,出现这种情况的原因是刚刚创建还没有生效,需要等一会才会生效,这里切忌反复点击,否则出了问题后果自负~

大概就是这样。

Update:Validation Failed错误的解决办法

http://www.xjdesyxx.top/2018/02/07/errsln/