Day 13：为自己的 Hexo 部落格增加 Disqus 留言功能（使用 Next 布景主题）

Hexo 虽然是静态网页产生器，因此不会像 WordPress 那样本身就内建内容储存在资料库的文章留言功能。但我们仍然能够使用第三方服务替自己的 Hexo 网页增加留言功能；今天就要来介绍 Disqus 这个第三方留言服务。

为何要使用 Disqus？

如果你在网路上经常在各个网站回应或是留言，很可能就有用过 Disqus 了。使用它就像是个社群那样，假设 A、B 网站都使用 Disqus 第三方留言功能，你就能够使用同一个 Disqus 帐号在两个网站留言，非常的方便。所以虽然 WordPress 本身有内建留言功能，不过也有满多人是套用 Disqus 留言功能的 XD

对於 Hexo 来说，因为是静态网页，所以更须倚赖这些第三方留言功能，因此就更适合使用像 Disqus 这些服务，为自己的 Hexo 增加留言功能。

注册 Disqus

官方网站：https://blog.disqus.com/

首先进入 Disqus 官网，点击右上角的「Get Started」。

进入注册页（Signup），输入资料，也可以连接社群帐号。

如果都没问题就会显示登入了。回到首页後，点击中间的「GET STARTED」，开始进行安装设定。

建立一个网站留言版

点击「I want to install Disqus on my site」。

输入网站名称、类别与语言。

选择方案，免费方案选择下面的 Basic。

选择放置的平台，Hexo 没有在上面，因此选择「I don't see my platform listed, install manually with Universal Code」。

这边再设定一些资讯，有些刚刚设定过了。这边再设定较详细的。

这边为你的留言审核设定。

到这一步就设定完成啦！

Hexo 设定 Disqus

# Disqus
disqus:
  enable: true
  shortname: 你的 shortname（Website Name）

• enable：从 false 设定成 true 开启功能
• shortname：输入刚建立的留言版 shortname 代码进行连接

Disqus 留言版繁体中文化

Disqus 是国外的服务，本身提供的语言选项也仅提供简体中文。如果想要使用繁体中文，还是能够透过语法的方式设定。

• 修改档案：themes/next/layout/_third-party/comments/disqus.swig

找到以下这段语法：

var disqus_config = function() {
    this.page.url = {{ page.permalink | json }};
    this.page.identifier = {{ page.path | json }};
    this.page.title = {{ page.title | json }};
    {% if __('disqus') !== 'disqus' -%}
      this.language = '{{ __('disqus') }}';
    {% endif -%}
  };

如果你是非使用 Next 布景主题，也可以试着复制这串语法其中一两行，在你的 Hexo 寻找哪一个档案有这串语法，基本上就修改那支档案。

在 this.page.title 那行语法下加：

this.language = "zh_TW"; // Disqus 显示语言

如此一来就完成了，不过只有部分翻译成繁体中文，还是有满多地方是英文，就希望 Disqus 能够尽快出完整版的繁体中文了！

本篇文章同步发布於我的部落格 Gui Blog