本文共 1357 字,大约阅读时间需要 4 分钟。
本篇博文是关于添加Gitment评论系统。
如果对于搭建等其它方面有需要了解的,读者可以阅读前几篇比较优质的文章:
不采用搜狐的畅言的原因,功能确实非常强大,但是很多功能我用不上,也不会用,有两个问题:1)评论需要登录,有门槛;2)页面底部有广告。严重影响视觉体验。
Gitment 是基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持
。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。
这样,登陆评论只需要用github登陆即可,应该都有github账号吧,这样门槛就低了。
其实,步骤很简单,简单配置一下,不用写代码,10分钟就能弄好,主要分为3步:
第一步:注册 OAuth Application
确保你有github地址,看到这篇文章的人应该都有github地址吧。会提示你登陆的:
github地址:
callback URL这里填写的是我的博客网址,前面3项随便填个名字即可。
完成后可以看到有1 User。第二步:修改themes下的_config.yml文件
我是hexo yilia 样式主题,修改它的hexo\themes\yilia_config.yml配置,其它主题大同小异,差不多。
将之前获得两个字符串填入即可,注意 : 后面有空格gitment_owner: github账号 gitment_repo: github IO仓库 gitment_oauth: client_id: 注册oauth application的client_id,上图有 client_secret:注册oauth application的client_secret,上图有
第三步:初始化评论
将本地先部署到云端,在终端输入以下指令
hexo d
打开一篇文章,翻到底部,然后下面会要你登录你的github,然后会跳转如下界面
页面发布后,你需要访问页面并使用你的 GitHub 账号登录,点击初始化按钮。
到这里为止,如果不出意外,基于github的gitment免费博客系统就做好了,10分钟差不多的样子。
每个页面,都需要初始化,需要逐一打开页面进行初始化。
我的出现了一个问题,初始化评论的时候一直处于loading comments和logging in…状态。
如果你同样出现了这个问题,解决办法是:打开你的blog本地仓库themes\yilia\layout\_partial\post\gitment.ejs
将
修改为:
或者修改为下面这样:
更新,如果没有出现评论区,可以试试下面这个
再次更新哈,如果需要汉化版可以使用下面这个
然后重新部署
hexo ghexo d
到这里为止,基于gitment的博客评论系统基本可以用了,我们不妨简单测试一下(我是这届用的中文版就好了,其它版本的都没用,一直转圈圈…)
✿✿ヽ(°▽°)ノ✿ 点赞点赞~ ✿✿ヽ(°▽°)ノ✿ 点赞点赞~ ✿✿ヽ(°▽°)ノ✿ 点赞点赞~
学如逆水行舟,不进则退
转载地址:http://pflbf.baihongyu.com/