Ghost Blog开启评论功能

ghost博客是没有评论功能的,可以通过三方平台开启,这里使用disqus。
disqus在国内加载速度一般,但个人感觉和ghost契合很好。

操作步骤

1. 注册disqus账户

点击注册注册时填写的短名称要记住,配置站点的时候会用到。

2. 配置ghost

将以下代码复制到post.hbs文件中,粘贴于{{/post}}</article>之间,不明白的请看示例
post.hbs位于ghost的主题文件夹内,例如使用casper主题的话位于[Ghost目录]/content/themes/casper/

<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}}'; // make sure to use the post.id as an identifier, otherwise disqus will use the pages url per default, which might be problematic...

    /* * * 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>  
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>  

其中替换var disqus_shortname = 'example';为自己的短名称(步骤1)
建议替换var disqus_identifier = '{{post.id}}';为自己的自定义ID

3. 重启ghost

若使用的是forever,则运行:
停止ghost(ghost目录内运行):forever stop index.js
启动ghost(ghost目录内运行): NODE_ENV=production forever start index.js

现在重新打开页面,就能看到评论区disqus啦,请留下足迹吧 ;)

参考

Just iifksp's blog
Enable Comments On Ghost With Disqus

leeway

继续阅读此作者的更多文章

comments powered by Disqus