hexo next主题深度优化(四)，自定义一个share功能，share.js。

文章目录

• 背景：
• 开始：
• 引入资源：
• 代码
• 关键的一步
• 附：方便学习的小demo
• 一次成功后还出现上面的bug
• 结束
• 2018.12.23发现bug（读者可忽略）

我的博客： https://mmmmmm.me
源码： https://github.com/dataiyangu/dataiyangu.github.io

背景：

以前一直用的addthis或者百度分享，但是加入pjax后失效，相应的接口重写也不行，故本身从新加一个分享的功能。

开始：

引入资源：

代码

var $config = {
  sites : ['weibo','qq', 'wechat','tencent','qzone','douban', 'facebook',  'google','twitter'],
  disabled: [ 'linkedin', 'diandian'],
  wechatQrcodeTitle: "微信扫一扫",
  wechatQrcodeHelper: '<p>微信扫一扫，右上角分享</p>',
  source: 'Leesin Dong'
};


$('.post-spread').share($config);

function pjaxshare() {
  $('.post-spread').share($config);
}

关键的一步

不少时候出现：

这是什么鬼？
下载网上的demo发现了问题。缺乏雪碧图把？（猜测）
经过对比，须要引入demo中的fonts目录。

附：方便学习的小demo

https://github.com/overtrue/share.js/zipball/master

一次成功后还出现上面的bug

将fonts目录删掉，从新导入

结束

2018.12.23发现bug（读者可忽略）

里面的图标变成了灰色，由于在护眼的js中对a标签的颜色进行了从新定义，加a:not()