Hexo添加Disqus评论

Author Avatar
Reborn 8月 03, 2018
  • 在其它设备中阅读本文章

背景

国内的评论系统畅言都需要ICP备案,像我这种打死不备案的人来说,国内的评论系统就用不了了。最终决定博客使用的是国外的 Disqus 评论系统,但他的主域名disqus.com在国内被屏蔽了,只能科学上网后使用。

果然有空还是自己造轮子爽一点,逃~

配置 Disqus

Disqus官网:https://disqus.com
打开链接后, 可以直接用Facebook,Twitter以及 Google 登录,也可以用邮箱注册后登录。

选择创建目的

登录后,点击首页的GET STARTED 按钮,然后点击图示按钮:
disqus-step1-intent

创建一个新站点

disqus-step2-newsite

  • Website Name 填的是shortname,到时候要填到主题配置文件
  • Category 选择种类,我选的是 Tech

安装

Select Plan

接下来你会看到以下页面:
disqus-step3-choose-plan
这一步不需要选计划,跳过Select Plan,直接到Install Disqus

Install Disqus

Select Platform

disqus-step4-choose-platform
Hexo 不属于以上任何形式,因此选择Universal Code(通用代码)。

Install Instructions

disqus-step5-universalcode-instal
然后拉到最下面选择Configure

Configure Disqus

disqus-step6-configure

  • Website Name 一般就刚刚第一步填的short name(我刚刚填了 justtestme,到这步的时候一般会自动填充)
  • Website URL 填写你的博客地址

填完信息后点击Complete Setup完成配置。

配置 Hexo

主题配置文件中找到comment项:
(以 Material 主题为例)

# Comment Systems
# Available value of "use":
#     disqus | disqus_click | changyan | 163gentie
comment:
    use: disqus_click
    shortname: justtestme # duoshuo or disqus shortname
  • use:选择disqusdisqus_click,两者差别请参阅Material主题文档
  • shortname:填写你刚刚在 Disqus 设置的 Website Name,英文冒号后空格。(严格意义上是填站点配置面板中的 Shortname )

部署应用

使用如下命令提交到服务器:

hexo clean
hexo g
hexo d

科学上网后,任意打开一篇你的博文就能评论了。

总结

https://justtestme.disqus.com/admin/settings/general/页面管理 Your Sites( justtestme 换成自己的 shortname )。

此处的 Shortname 和 Websit Name 是可以不同的。如下图:
disqus-configure-differentname-short-website

注意:主题配置文件comment项填的是此处的 Shortname 而不是 Website Name!!

参考