如何给Ghost添加多说评论系统

缘起

因为Ghost没有原生的评论系统。所以需要添加一个评论系统来补充这一功能的缺陷。

现在的首选当然是多说,不过,我尝试了多次都不成功。没办法,安装了一个Disqus和畅言,不过这两个评论系统确屡遭网友诟病,我也深感似乎对访客很不友好。

不死心的我,今天再次尝试了一次,成功了。

具体方法:

第一步:注册多说,获取通用代码。

第二步:对通用代码做一些修改

<!-- 多说评论框 start -->
<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
此处省略N行代码
<!-- 多说公共JS代码 end -->

修改为:

<!-- 多说评论框 start -->
<section class="post-comments">  
    <div class="ds-thread" data-thread-key="{{slug}}" data-title="{{{title}}}" data-url="{{url absolute="true"}}"></div>
</section> 
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
此处省略N行代码
<!-- 多说公共JS代码 end -->

PS:主要是修改了如下内容:

修改前:

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

修改后:

data-thread-key="{{slug}}" data-title="{{{title}}}" data-url="{{url absolute="true"

多说代码放置的位置

修改后的代码加入Themes下相应的主题文件夹下的post.hbs文件。

位置在{{/post}}之前。

我放置在:

      </section>
      我的代码放置在这里
        </footer>

</article>
</main>

为了加个“多说”评论,我容易吗?

欢迎大家踊跃评论。

Leave a Reply

Your email address will not be published. Required fields are marked *