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

前言

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

来必力

这个怎么玩呢?首先还是注册账号。我发现hexo玩起来注册了好多账号啊!登录进去后点击右上角头像,进入个人管理页面。然后就是添加应用信息,下面是已经添加成功的页面了。
hexo+github打造个人博客系列之评论系统_第1张图片

来必力还有个评论提醒的功能,人性化啊。
hexo+github打造个人博客系列之评论系统_第2张图片

最关键的一步,点击“代码管理”找到uid,复制下来。
hexo+github打造个人博客系列之评论系统_第3张图片

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

页面效果如下,支持多种第三方账号登录,看起来很感人。
hexo+github打造个人博客系列之评论系统_第4张图片

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

默默把livere_uid配置为空了。

Valine

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

注册Leancloud

1、打开Leancloud,注册登录后,进入个人页面,创建应用,选择开发版就OK。
hexo+github打造个人博客系列之评论系统_第5张图片

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

3、在应用Key可以查看App ID,App Key,用于在页面上new Valine时使用。
hexo+github打造个人博客系列之评论系统_第6张图片

4、在安全中心,填写Web安全域名,如https://cumtrobin.github.io/,防止别人盗用你的服务器资源。
hexo+github打造个人博客系列之评论系统_第7张图片

5、在存储-数据中创建Class ‘Comment’,用作评论的数据库表。
hexo+github打造个人博客系列之评论系统_第8张图片

6、回到Next主题配置,修改valine相关配置
hexo+github打造个人博客系列之评论系统_第9张图片

部署后就可以看到效果了,评论功能终于都可以正常使用了。
hexo+github打造个人博客系列之评论系统_第10张图片

gitment

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

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

  1. 注册 OAuth Application
    打开注册页面完成注册
    hexo+github打造个人博客系列之评论系统_第11张图片

注册成功后会得到Client ID和Client Secret,然后开始配置Next
hexo+github打造个人博客系列之评论系统_第12张图片

部署一下就可以看到效果了。
hexo+github打造个人博客系列之评论系统_第13张图片

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

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

你可能感兴趣的:(hexo)