百度等分享工具不支持https?那就放弃百度吧!

之前因为百度分享 不支持https,就因为这个百度分享 我不得不把我的https给关了。。。不然 访问https页面的时候 百度分享直接不出现了。。。然后 什么jiaXXX之类的 也都不支持https

但是啊,还是不死心啊!虽然说 博客的访问量本来就很少,会分享的更少,大多都是我自己在分享。。。可是就是不死心啊。。。毕竟有和没有是一回事,用和不用又是另一回事啊。。。

于是乎我就不信邪了,各种 google,~~baidu~~,bing,其实我本来是在找国外的一些社会化分享工具的。。。然后!国外的没找到,倒让我找到了个国内的!

适用了一下感觉还不错,挺带劲的,于是乎果断把 ~~bdshare~~给撤了。。。

先来张图 预览一下  

![](/content/images/2017/05/WX20170510-165228-2x.png)

界面简洁干净大方,大众都能接受的性冷淡风。。。至少比什么bdshare jiashare好看万倍

使用方法也非常简单

* 第一步:在网页里加载 `needsharebutton.min.js` 和 `needsharebutton.min.css`。

<!-- needsharebutton Javascript file -->
<script src="js/needsharebutton.min.js"></script>
<!-- needsharebutton CSS file -->
<link href="css/needsharebutton.min.css" rel="stylesheet" />

* 第二步:创建一个need-share-button,插件会自动找到所有 need-share-button, 制作成分享按钮。

<button  class="btn btn-default need-share-button">Share</button>

* ==(可选操作)==第三步:如果需要使用别的名字,可以手动调用 needShareButton 函数,比如:

new needShareButton(document.getElementById('my-share-button'));
or
new needShareButton('#my-share-button');

### Options

---------

Options 可以通过参数传进去,也可以放在 DOM 节点里(加上 data-share- 前缀)。

1. iconStyle: default or box;

2. boxForm: horizontal or vertical;==(注:这个参数只有当 iconStyle=box 时才会起作用,作者在文档中可能忘了说了)==

3. position: bottomCenter, top / middle / bottom + Left / Center / Right;

networks: 默认: 'Weibo,Wechat,Douban,QQZone,Twitter,Pinterest,Facebook,GooglePlus,Reddit,Linkedin,Tumblr,Evernote'; 注意,默认没有 RenRen,如果需要分享到人人网,在  networks 参数里加上 RenRen;

4. url: 默认: location.href;

5. title: 默认:document.title;

6. image: 默认从 meta[property="og:image"] 或 meta[name="twitter:image"] 取值;

7. description: 默认从 meta[property="og:description"] 或  meta[name="twitter:description"] 取值;

附上项目的github地址

* 开源好项目:https://github.com/revir/need-more-share2