hexo+github打造个人博客系列之评论系统

前言

一个博客怎么能没有评论互动,那也太枯燥无味了吧,简直反人类。最近也是刚学会一点皮毛,把hexo博客搭了起来。于是就想折腾一下评论系统。网上查了下现在第三方评论系统的现状:多说已经关了,网易云跟帖8月1号关闭,畅言要备案,Disqus被墙。呵呵哒,那么还剩下什么?费了一番功夫搜索了很多,选出了几款我比较满意的评论系统:来必力(LiveRe),Valine,gitment。下面详细说一下。

来必力

这个怎么玩呢?首先还是注册账号。我发现hexo玩起来注册了好多账号啊!登录进去后点击右上角头像,进入个人管理页面。然后就是添加应用信息,下面是已经添加成功的页面了。
这里写图片描述

来必力还有个评论提醒的功能,人性化啊。
这里写图片描述

最关键的一步,点击“代码管理”找到uid,复制下来。
这里写图片描述

最后来到Next主题配置,修改_config.yml中的livere_uid,将复制的uid粘贴即可。然后部署一下,OK。

页面效果如下,支持多种第三方账号登录,看起来很感人。
这里写图片描述

经过测试,来必力好像不是很友好,发起评论直接报了个504错误(504错误是(网关超时) 服务器作为网关或代理,但是没有及时从上游服务器收到请求。)。蛋疼么?我在想是不是我配置问题,于是我去到别人的hexo博客上评论,也报了同样错误,最后又试了手机,都没法评论,这还怎么玩,发到朋友圈,都没法评论,还怎么装逼?(手动滑稽)。
这里写图片描述

默默把livere_uid配置为空了。

Valine

开始折腾Valine。Valine 是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

注册Leancloud

1、打开Leancloud,注册登录后,进入个人页面,创建应用,选择开发版就OK。
这里写图片描述

2、创建完成后,点击应用右上方的设置按钮,进入设置页面。

3、在应用Key可以查看App ID,App Key,用于在页面上new Valine时使用。
这里写图片描述

4、在安全中心,填写Web安全域名,如https://cumtrobin.github.io/,防止别人盗用你的服务器资源。
这里写图片描述

5、在存储-数据中创建Class ‘Comment’,用作评论的数据库表。
这里写图片描述

6、回到Next主题配置,修改valine相关配置
这里写图片描述

部署后就可以看到效果了,评论功能终于都可以正常使用了。
这里写图片描述

gitment

最后再折腾一下gitment。引用一下作者的话。

Gitment 是作者实现的一款基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。

  1. 注册 OAuth Application
    打开注册页面完成注册
    这里写图片描述

注册成功后会得到Client ID和Client Secret,然后开始配置Next
这里写图片描述

部署一下就可以看到效果了。
这里写图片描述

如果想要展示多个评论系统,需要改布局,需要了解的可以留言讨论。

本人的hexo小博客,欢迎猛戳!

  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值