该主题是由原ghost主题White-Block改编过来的
如果喜欢这个主题可以下载:https://gitee.com/qianxunclub/ghost_themes_qianxun
使用说明
说明:该主题使用了多说评论和多说热批评功能
1、使用多说
需要正常使用多说评论,需要在ghost后台header代码添加多说JS依赖,多说具体使用方式可以查看官方使用方法:http://duoshuo.com
header添加代码:
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"XXXXXXXXX"};
(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 -->
2、修改评论或者热评
如果不使用多说或者修改样式,可在一下代码做删除修改操作
多说热评,页面index.hbs,post.hbs:
<div class="widget" style="margin-bottom: 70px">
<h3>热门评论</h3>
<hr>
<div class="ds-top-threads" data-range="monthly" data-num-items="10"></div>
</div>
该行代码是加载多说热评:<div class="ds-top-threads" data-range="monthly" data-num-items="10"></div>
多说评论框,页面post.hbs
<div class="post-page-readmore">
<!-- 多说评论框 start -->
<div id="duoshuoComments" class="ds-thread" data-thread-key="{{uuid}}" data-title="{{{title}}}" data-url="{{url absolute="true"}}"></div>
<!-- 多说评论框 end -->
</div>
该行代码是加载多说评论:<div id="duoshuoComments" class="ds-thread" data-thread-key="{{uuid}}" data-title="{{{title}}}" data-url="{{url absolute="true"}}"></div>
PC端效果
首页
文章页面
手机端效果
首页
文章页面