一些准备工作

  • 首先去disqus注册账号
  • 在注册的过程中需要填写一个shortname,这个shortname将会是链接你网站和disqus的桥梁
  • 最后在**/admin/settings/general**目录下,进行诸如评论数、语言、字体风格等设置

添加评论

  • 在你的**[path_to_ghost]下找到类似这样的目录/content/themes/casper**,casper是默认的主题
  • 编辑其中的post.hbs,找到</footer></article>之间的空白处,添加以下代码:
<div id="disqus_thread"></div>
<script type="text/javascript">
    var disqus_shortname = 'example'; // required: replace example with your forum shortname
    var disqus_identifier = '{{post.id}}';
 
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  • 将其中的shortname替换为你在disqus中设置的shortname
  • 重启Ghost,刷新界面,大功告成

添加列表页评论数

  • 在你的**[path_to_ghost]下找到类似这样的目录/content/themes/casper**,casper是默认的主题
  • 编辑其中的default.hbs,在</body>之前的空白处添加以下代码:
<script type="text/javascript">
var disqus_shortname = 'example'; 
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
  • 将其中的shortname替换为你在disqus中设置的shortname
  • 然后编辑partial目录中的loop.hbs,找到<footer class="post-meta">,在</footer>之前的空白处添加以下代码<a href="{{url}}#disqus_thread" class="post-date">Comments</a>
  • 重启Ghost,刷新界面,大功告成