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

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

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

来必力

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

来必力还有个评论提醒的功能,人性化啊。
邮件提醒

最关键的一步,点击“代码管理”找到uid,复制下来。
找到uid

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

页面效果如下,支持多种第三方账号登录,看起来很感人。
使用效果

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

默默把livere_uid配置为空了。

Valine

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

注册Leancloud

打开Leancloud,注册登录后,进入个人页面,创建应用,选择开发版就OK。

创建应用

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

在应用Key可以查看App ID,App Key,用于在页面上new Valine时使用。

App ID,App Key

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

Web安全域名

在存储-数据中创建Class ‘Comment’,用作评论的数据库表。

数据库表

回到Next主题配置,修改valine相关配置

主题配置

部署后就可以看到效果了,评论功能终于都可以正常使用了。
评论效果

gitment

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

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

注册 OAuth Application

打开注册页面完成注册
注册 OAuth Application

配置

注册成功后会得到Client ID和Client Secret,然后开始配置Next
主题配置

部署

部署一下就可以看到效果了。
gitment效果图

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


扫一扫下方小程序码或搜索Tusi博客,即刻阅读最新文章!

Tusi博客

You forgot to set the qrcode for Alipay. Please set it in _config.yml.
You forgot to set the qrcode for Wechat. Please set it in _config.yml.
You forgot to set the business and currency_code for Paypal. Please set it in _config.yml.
You forgot to set the url Patreon. Please set it in _config.yml.
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×