【Blog】设置Hexo使用多说代替Disqus

Contents

1. 1. 前提
2. 2. 注册多说
3. 3. 修改_config.yml文件
   1. 3.1. 根目录
   2. 3.2. 主题模板目录
4. 4. 修改特定的文件

好久没有更博，看了下自己的博客，访问人数还算可以，考虑到之前CSDN上的一众Blog还偶尔会有人留言提问题，转到GitHub之后，使用的Disqus因为GFW的原因，没法使用，所以最终还是决定使用在国内比较稳定的多说好了，这样如果有童鞋有问题，也可以直接在文章下面留言，方便大家讨论。那这边blog就记录下如何从Disqus转到多说。

前提

我这里博客是用hexo搭建的，使用的主题是jacman。

注册多说

首先第一步是需要到多说上面注册开通服务。
点击首页上面的 我要安装

然后用自己的微博或者微信或者豆瓣等账号登录之后，注册自己的账号：

• 这里一定要注意下，多说域名，就是图片里面标红的部分(仅方框中自己填写的部分，不包括后面.duoshuo.com )，要记清楚，在后面的步骤里面还要用到。

完成之后，多说会自动生成你需要用到的通用代码，这个部分的代码我们先拷贝下来，等会要在具体的文件里面进行修改。

修改_config.yml文件

这里注意，要修改两个地方的_config.yml文件，一个是整个Hexo根目录中的，另一个就是你自己使用的主题目录中。

根目录

下面是我的hexo博客的整个根目录，首先修改其中的_config.yml文件，设置多说账号

找到以前disqus_shortname:字段，将其注释掉（当然你不注释也行，在后面的页面模块中把它注释掉一样），然后把多说字段添加进去：

duoshuo_shortname: yourname

• 注意这里冒号后面要填写我们在第一步中注册时填写的多说域名，就是我要大家记下来的那个。

主题模板目录

接下来还需要修改主题模板中的_config.yml文件。

我使用的是jacman的主题，所以就cd到themes/jacman目录下，然后修改_config.yml文件好了，修改的内容是一样的，这里就不在贴截图了。

修改特定的文件

• 我这里使用的是jacman的主题，评论模块作者已经封装成为一个单独的comment.ejs模块，所以我们要做的就是修改这个模块就好了
• 如果你使用的是hexo自带的landscape模块，那么网上好多方法里面讲的就是，修改article.ejs中的代码就ok了

所以，这里我们需要修改的是comment.ejs代码

把之前我们从多说的页面中拷贝下来的代码复制进去，这里注意下，类似于php或者asp的脚本语言，注意前后的<% %>把不是html格式的代码块包围起来。先上一张我修改好的图片，请忽略段落和缩进。。

再贴上源代码：

<% if (theme.duoshuo_shortname && page.comments){ %>
  <section id="comments" class="comment">
    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="<%- page.path%>"
      data-title="<%- page.title%>" data-url="<%- page.permalink%>"></div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
      var duoshuoQuery = {short_name:"lipeng1667"};
        (function() {
          var ds = document.createElement('script');
          ds.type = 'text/javascript';ds.async = true;
          ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
            '//static.duoshuo.com/embed.js';
          ds.charset = 'UTF-8';
          (document.getElementsByTagName('head')[0]
           || document.getElementsByTagName('body')[0]).appendChild(ds);
      })();
      </script>
    <!-- 多说公共JS代码 end -->
    </section>
  <% } %>
  <%if( (config.disqus_shortname || theme.disqus_shortname) && page.comments) { %>
  <section id="comments" class="comment">
    <div id="disqus_thread">
     <!-- <noscript>Please enable JavaScript to view the <a
     href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> -->
    </div>
  </section>
  <% } %>

这里就注意几点：

• data-thread-key字段写入内容是 <%- page.path%>
• data-title字段写入内容 <%- page.title%>
• data-url字段写入内容 <%- page.permalink%>

---

到这里，所有的步骤都完成了，可以在命令行中输入hexo s先在本地看一下自己的多说系统是否已经搭建成功了~
有问题欢迎留言，大家一起讨论~