MyException - 我的反常网
当时方位:我的反常网» 软件设计 » 替Hexo Next主题增加同享及打赏功用

替Hexo Next主题增加同享及打赏功用

www.bsjylc692.com  网友同享于:2013-10-27  阅读:0次
为Hexo Next主题增加同享及打赏功用

博客地址:往事亦如风的博客

要想先看打赏和同享功用作用,请移步我的博客

打赏功用

由于next主题自带打赏功用,所以咱们只需求在next的主题装备文件中找到如下代码,image文件夹是我在blog/source下面树立的文件夹,然后把你的微信及支付宝收钱码图片拉进去,修正姓名为wechatreward.pngalipayreward.png

reward_comment: 坚持原创技能同享,您的支撑将鼓舞我持续创造!
wechatpay: /image/wechatreward.png
alipay: /image/alipayreward.png

同享功用

要想集成同享功用,先要去ShareSDK注册账号和项目,然后得到项意图appkey

假设你不嫌费事,下面是在网页上同享按钮的代码,你可以将以下代码增加到想要显现的方位,增加完之后需求修正代码中的appkey是你之前请求的appkey

<!--MOB SHARE BEGIN-->
<div class="-mob-share-ui-button -mob-share-open">同享</div>
<div class="-mob-share-ui" style="display: none">
<ul class="-mob-share-list">
<li class="-mob-share-weibo"><p>新浪微博</p></li>
<li class="-mob-share-tencentweibo"><p>腾讯微博</p></li>
<li class="-mob-share-qzone"><p>QQ空间</p></li>
<li class="-mob-share-qq"><p>QQ老友</p></li>
<li class="-mob-share-renren"><p>人人网</p></li>
<li class="-mob-share-kaixin"><p>高兴网</p></li>
<li class="-mob-share-douban"><p>豆瓣</p></li>
<li class="-mob-share-facebook"><p>Facebook</p></li>
<li class="-mob-share-twitter"><p>Twitter</p></li>
</ul>
<div class="-mob-share-close">撤销</div>
</div>
<div class="-mob-share-ui-bg"></div>
<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=你的appkey"></script>
<!--MOB SHARE END-->      

增加到Next主题中

那么怎样增加到next主题上呢。过程如下

创立文件

咱们首要要在主题文件夹下的layout文件夹找到_partials下的share文件夹,之后增加一个名为sharesdk.swig的文件。咱们可以看出来。这个文件夹下放的全部是同享的装备文件.增加的内容为上面的那一大段代码。只需求修正一部分。修正的部分为:

<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey={{ theme.shareSDKappkey }}"></script>

修正这写的意图是为了让咱们可以在主题的装备文件中增加appkey。(只需求在主题的装备文件中增加一个shareSDKappkey并为其附上值即可)。

增加可选装备

尽管咱们增加了sharesdk的同享的按钮了,可是假如有一天咱们不想运用了呢。当然,很简单。只需求修正装备文件就可以了。那么怎样完成呢?
首要,找到主题文件夹下的layout文件夹下的post.swig

大概在16行左右增加

<div class="post-spread">
      {% if theme.jiathis %}
        {% include '_partials/share/jiathis.swig' %}
      {% elseif theme.baidushare %}
        {% include '_partials/share/baidushare.swig' %}
      {% elseif theme.add_this_id %}
        {% include '_partials/share/add-this.swig' %}
      {% elseif theme.duoshuo_shortname and theme.duoshuo_share %}
        {% include '_partials/share/duoshuo_share.swig' %}
        {% elseif theme.sharesdk %}
        {% include '_partials/share/sharesdk.swig' %}
      {% endif %}
    </div>

增加了代码

{% elseif theme.sharesdk %}
        {% include '_partials/share/sharesdk.swig' %}
        

这段代码便是依据主题文件的装备,来为文档增加相应的swig文件。要想完成在装备文件中选择性的运用同享功用,只需求在装备文件中修正即可。

修正_config.yml

接下来便是修正项意图装备文件了。

在主题的装备文件中增加:

#Share
sharesdk: true
shareSDKappkey: appkey

假如想运用就可以设置为true并增加appkey了。当然不想运用。直接注释就可以了。

文章谈论

老美怎样看待阿里赴美上市
老美怎样看待阿里赴美上市
怎样成为一名黑客
怎样成为一名黑客
怎样差异一个程序员是“内行“仍是“新手“?
怎样差异一个程序员是“内行“仍是“新手“?
编程言语是女性
编程言语是女性
中美印日四国程序员比较
中美印日四国程序员比较
代码女神横空出世
代码女神横空出世
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
总结2014我国互联网十大段子
总结2014我国互联网十大段子
“懒”出功率是程序员的美德
“懒”出功率是程序员的美德
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
科技史上最臭名远扬的13大罪犯
科技史上最臭名远扬的13大罪犯
漫画:程序员的作业
漫画:程序员的作业
做程序猿的老婆应该留意的一些作业
做程序猿的老婆应该留意的一些作业
初级 vs 高档开发者 哪个性价比更高?
初级 vs 高档开发者 哪个性价比更高?
什么才是优异的用户界面设计
什么才是优异的用户界面设计
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
程序员眼里IE阅读器是什么样的
程序员眼里IE阅读器是什么样的
程序员的轻视链
程序员的轻视链
程序员周末都喜爱做什么?
程序员周末都喜爱做什么?
不为人知的编程本相
不为人知的编程本相
 程序员的姿态
程序员的姿态
游览,写作,编程
游览,写作,编程
60个开发者不容错失的免费资源库
60个开发者不容错失的免费资源库
程序员都该阅读的书
程序员都该阅读的书
程序猿的兴起——Growth Hacker
程序猿的兴起——Growth Hacker
为什么程序员都是夜猫子
为什么程序员都是夜猫子
老程序员的下场
老程序员的下场
我换岗是由于他们的显现器更大
我换岗是由于他们的显现器更大
程序员的一天:一刻千金
程序员的一天:一刻千金
看13位CEO、开创人和高管怎样进步作业功率
看13位CEO、开创人和高管怎样进步作业功率
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
Web开发者需具有的8个好习惯
Web开发者需具有的8个好习惯
不明白技能不要对懂技能的人说这很简单完成
不明白技能不要对懂技能的人说这很简单完成
团队中“技能大拿”并非越多越好
团队中“技能大拿”并非越多越好
“龌龊的”IT作业排行榜
“龌龊的”IT作业排行榜
程序员应该重视的一些事儿
程序员应该重视的一些事儿
5款最佳正则表达式修改调试器
5款最佳正则表达式修改调试器
程序员和编码员之间的差异
程序员和编码员之间的差异
Java 与 .NET 的渠道开展之争
Java 与 .NET 的渠道开展之争
一个程序员的时间管理
一个程序员的时间管理
2013年我国软件开发者薪资调查报告
2013年我国软件开发者薪资调查报告
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
程序员必看的十大电影
程序员必看的十大电影
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
每天作业4小时的程序员
每天作业4小时的程序员
写给自己也写给你 自己究竟该何去何从
写给自己也写给你 自己究竟该何去何从
那些争议最大的编程观念
那些争议最大的编程观念
我的老公是个程序员
我的老公是个程序员
软件开发程序过错反常ExceptionCopyright © 2009-2015 MyException 版权所有