ghost主题qianxun-themes

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

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

如果喜欢这个主题可以下载:https://git.oschina.net/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端效果

首页


文章页面

手机端效果

首页

#### 文章页面




原文地址:http://qianxunclub.com/ghostzhu-ti-qianxun-themes/
本文由 千寻啊千寻创作。可自由转载、引用,但需署名作者且注明文章出处。

上一篇 :   同步容器(如Vector)并不是所有操作都线程安全!

下一篇 :   Java代码性能优化

热门评论