如何为Ghost加上评论功能

Ghost现在还没有评论功能,所以你有两个选择:
1. 自己写
2. 使用第三方的评论功能

自己写的话其实还是很麻烦的,并且垃圾评论过滤这个事其实也还是需要人工的审核的,所以建议还是使用第三方的吧。 目前我使用的是多说,可以方便的提供登录与评论功能。 1. 注册多说帐号
2. 多说会生成一段html代码和一段js。对于Ghost,有一个主题文件叫themes/主题/post.hbs,例如我的是:themes/roon-zh/post.hbs这个文件。
html放在想加评论的页面的位置,而对应的js放在最后就好了。

  1. 复制多说生成的

<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>

换成

<div class="post-comments">
<div class="ds-thread" data-thread-key="{{slug}}" data-title="{{{title}}}" data-url="{{url absolute="true"}}"></div>
</div>

插入到{{/author}}后面。

2.将js插入到文件最后面

<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"vicviz"};
(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 -->
  1. 下面就是加入评论后的效果,喜欢的朋友在后面留个言吧。
comments powered by Disqus