Ghost中添加评论系统

Ghost系统默认是没有评论系统的,虽然官方也在关注这个问题,不过短时间内应该是不会有所进展,所以现在如果要在Ghost中使用评论,还是先使用第三方服务吧。下面介绍几种常见的评论系统,如果有更好的,欢迎来补充。
  1. Disqus 一个国外的评论系统。首先注册一个账号,这个不多介绍,记得激活邮箱。进去后点击头像旁边的设置下拉里面的”Add Disqus To Site”,
Disqus
然后在弹出的页面中根据情况设置属性,
Disqus profile
完成后会跳到安装页面,在这里我们选择“Universal Code”,
Disqus code selection
最后我们复制页面中的脚本插入到Ghost的主题文件中,位置是/content/themes/[casper]/post.hbs文件的</article>结束标签之前。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<article>
...
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
/* * * 请将此处改为你自己的 * * */
var disqus_shortname = 'erguotou';

/* * * 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="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</article>

到这里应该说基本是完成了,你已经可以在文章页面中看到Disqus的内容了,页面下面还有个统计评论数量的,这里不做介绍了。到这里基本上已经成功地使用上了Disqus,但是我们是不是可以做一点设置,让它更本地化,样式更好看呢?答案肯定是可以的,在Disqus的设置页面(Settings)中有很多设置,其中General选项卡中有一个Language,你可以选择Chinese,这样你的Disqus就是中文的了,这里还有很多其它设置,请自行研究。另外目前Disqus无法修改样式,虽然可以微调,然而并没有乱用啊。
  2. 多说 一个国内的评论系统。同样是先登录,然后点击“我要安装”,根据自己情况填写,
Duoshuo然后选择通用代码-稳定版进行复制,同样插入到post.hbs文件的</article>结束标签之前。复制后我们需要对复制的代码进行一些修改,我们将第一行修改为

1
<div class="ds-thread" data-thread-key="{{id}}" data-title="{{title}}" data-url="{{url absolute="true"}}"></div>

这样就完成来多说的安装,在多说的设置中有很多是我们可以调节的,多说支持自定义CSS,这样我们就可以将多说的评论框调成我们自己喜欢的样子,这部分请自行研究,这里不做过多介绍,我这个博客用的就是多说评论,自己简单的改了点样式。
  3. 友言以及畅言等其它的第三方社会化评论系统都有类似的功能,安装方式大抵相同,欢迎大家自己研究,给出更多教程。
  另外关于各个评论的比较,大家可以看下这篇文章,不过个人觉得畅言的样式更符合ghost一些。

分享到