如果只是单纯的写博客,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
至此多说评论添加成功。
评论好了的真爽