Gitment给基于hexo的yilia主题的博客搭建免费评论系统
作者:互联网
前面介绍了怎么免费搭建个人博客,可以参考这篇文章。
我的博客用的是搜狐的畅言,功能确实非常强大,但是很多功能我用不上,也不会用,有两个问题:1)评论需要登录,有门槛;2)页面底部有广告。严重影响视觉体验。
点击站长去广告吧,跳到了付费页面:
49元一个月,这不是要我命吗?就这吊样,你说我能忍吗?
所以,我决定,重新寻找博客评论系统,肯定有开源的。然后,用google一搜(不要用百度搜,第一条肯定是广告),第一条就找到了,gitment,其实,前面试过,好像因为不会配置,没有输入密码而没生效,这次一定要弄好。
Gitment
Gitment 是基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。
这样,登陆评论只需要用github登陆即可,在座各位应该都有github账号吧,这样门槛就低了。
其实,步骤很简单,简单配置一下,不用写代码,10分钟就能弄好,主要分为3步:
第一步:注册 OAuth Application
确保你有github地址,看到这篇文章的人应该都有github地址吧。会提示你登陆的:
注册oauth application可以在github的settings的Developer settings选项找到。这里还是贴上地址吧。
github地址:https://github.com/settings/applications/new
callback URL这里填写的是我的博客网址,前面3项随便填个名字即可。
完成后可以看到有1 User。
第二步:修改themes下的_config.yml文件
我是hexo yilia 样式主题,修改它的hexo\themes\yilia\_config.yml配置,其它主题大同小异,差不多。
gitment_owner:github账号,我的是ddxygq
gitment_repo:github IO仓库,我的是'ddxygq.github.io'
gitment_oauth:
client_id: 注册oauth application的client_id,上图有
client_secret:注册oauth application的client_secret,上图有
第三步:初始化评论
页面发布后,你需要访问页面并使用你的 GitHub 账号登录,点击初始化按钮。
这样就能评论了,我写下了我的第一行评论。
到这里为止,如果不出意外,基于github的gitment免费博客系统就做好了,10分钟差不多的样子。
每个页面,都需要初始化,需要逐一打开页面进行初始化。
可能出现的问题
我的出现了一个问题,初始化评论的时候一直处于loading comments和logging in...状态。
如果有人出现了这个问题,解决办法是:打开你的blog本地仓库themes\yilia\layout\_partial\post\gitment.ejs将
<link rel="stylesheet" href="//imsun.github.io/gitment/style/default.css">
<script src="//imsun.github.io/gitment/dist/gitment.browser.js"></script>
修改为:
<link rel="stylesheet" href="https://jjeejj.github.io/css/gitment.css">
<script src="https://jjeejj.github.io/js/gitment.js"></script>
或者修改为下面也ok。
<link rel="stylesheet" href="https://jjeejj.github.io/css/gitment.css">
<script src="https://www.wenjunjiang.win/js/gitment.js"></script>
到这里为止,基于gitment的博客评论系统基本可以用了。
github是个好东西,这里有很多免费资源,包括免费得代码、cpu、内存等软件、硬件资源,搭建这种可以访问的博客,完全是可以不用花一分钱的。并且,微软接手以后,都可以免费创建私有仓库了,看来以后得每天光顾啊。
点击【阅读原文】,访问我的博客,留下你独一无二的评论吧。
标签:yilia,Gitment,hexo,初始化,gitment,博客,github,评论,页面 来源: https://blog.csdn.net/ddxygq/article/details/86499623