Hexo添加评论系统Disqus

本来不想添加评论系统的,思来想去还是添加上吧。

以前有名的博客评论系统有很多,几年前国内有很火的「多说」,不过关闭了,原因就不多说了。因一股神秘力量,那个时候的Disqus也开始访问不了了,只能通过魔法上网访问。

现在,有基于Leancloud的Valine、畅言等评论系统,很好用很牛很优秀很……但我选择Disqus(笑 苦笑

注册Disqus

Disqus官网在此,需要魔法上网访问

登陆后,在首页点击「GET STARTED」,选择「I want to install Disqus on my site」,然后就是填表单了。如下图

Website Name:用户自己的网站名,其实是可以自定义的唯一shortname,随便填一个都行,比如insertstraw-blog。以后在博客中会用到。注意

  1. 如果填入的跟别人的重名了,会被自动修改,如insertstraw-blog-1
  2. shortname不可修改,所以想好再填

Category与Language按喜好选

开启博客Disqus

在nexT主题文件_config.yml里开启Disqus

1
2
3
4
disqus:
enable: true
shortname: your_Disqus_Shortname
count: true

hexo三连之后就可以在文章看到留言板了

1
$ hexo clean && hexo g && hexo s

完成后的Disqus

如果访客没有魔法上网,访问到的文章下面的留言板是加载不出来的,可能会被认为没有留言功能。这样的体验不太好,就像相亲一样,很容易产生误会。

不过Sukka大佬利用反向代理等技术解决了这个问题。

DisqusJS

DisqusJS官方介绍

DisqusJS 提供一个纯前端的、不依赖后端服务器的 Disqus 评论基础模式

翻译一下就是,DisqusJS在Disqus的留言基础上,利用反向代理以及使用Disqus提供的API渲染评论列表,使得不能魔法上网的访客也可以看到评论。当然,只能看无法评论,要评论的话还是需要魔法上网。总之此举还是大大提高了用户的体验。

开启DisqusJS

在nexT主题文件_config.yml里关闭Disqus,开启DisqusJS

1
2
3
4
5
6
7
8
disqus:
enable: false

disqusjs:
enable: true
api: your_Server_Api
apikey: your_Disqus_Apikey
shortname: your_Disqus_Shortname
  • shortname在之前已经获取
  • apikey是Disqus Application的公钥,在Disqus API Applications注册一个Application,就可以获得一个API Key。
  • api是反代的接口地址,可以自己在服务器搭建,也可以使用大佬提供的https://disqus.skk.moe/disqus/

具体操作可参考DisqusJS使用

最后hexo三连就可以看到引入DisqusJS,非魔法上网也能看到评论了

End

乖乖闭嘴?