ghost主题qianxun-themes

该主题是由原ghost主题White-Block改编过来的

预览地址:http://qianxunclub.com/

如果喜欢这个主题可以下载: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端效果

首页

文章页面

手机端效果

首页

文章页面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值