ghost博客添加多说评论

如果只是单纯的写博客,ghost兴许是一个比wordpress更好的选择。

但是可能是出于简单化地考虑,ghost博客在设计之初就没有添加评论系统,所以我们只能使用第三方的评论系统。

多说作为国内的第三方评论系统,一直深受大家喜爱。所以我们可以简单几步操作,为ghost添加多说评论系统。

首先你要注册一个多说账号,获得一个多说的二级域名。

这个二级域名前面的名字就是后面要用到的short_name.

然后在ghost博客的主题目录下的partials目录下创建一个comments.hbs模板文件

touch comments.hbs

然后编辑内容

vi comments.hbs

输入

<section class="post-comments">
    <div class="ds-thread" data-thread-key="{{slug}}" data-title="{{title}}" data-url="{{url absolute="true"}}"></div>
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"abc"};
// 这里的short_name 后面引号里的abc换成你自己的
(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>

然后我们编辑主题目录下的post.hbs.

在类似于

      </section>   
      </footer>  
  </article>
</main>

中添加

一句{{> comments}}就可以展示评论框了。

添加后类似于

      </section>
           {{> comments}}
       </footer>
   </article>
</main>

然后我们只需要重启下ghost博客即可使用多说评论了。

ctl_all restart

至此多说评论添加成功。

One thought on “ghost博客添加多说评论

Comments are closed.