今天给各位站长推荐一个分享代码,之前我一直使用的百度分享,可惜现在百度分享会出现各种问题【貌似关闭了】,所以给大家推荐一个强大的分享功能。使用起来以特别简单方便。
一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点
Share.js
官网
大家可以在官网下载源代码,下面是官网地址。
安装调用说明
关于安装方式,官网提供了很多种方法,我这边推荐大家把源代码下载下来的dist放到自己网站目录然后在html中引用,本网站就是使用的此分享代码,大家可以看到效果。
HTML:
<!-- 调用分享代码 --> <div class="social-share"></div> <!-- 加载share.css文件 --> <link rel="stylesheet" href="dist/css/share.min.css"> <!-- 加载share.js --> <script src="dist/js/share.min.js"></script> // 当你使用类名为 `social-share` 或者 `social-share` 时不需要手动初始化
当在网页中插入以上代码之后就可以得到跟本站一样的分享样式了。
对于一般的博客分享使用的话,到这一步就足够了,我认为毕竟就一个简单的分享功能,没必要折腾那么多时间,当然爱折腾的强迫症除外,Share.js 也提供了很多自定义的配置,如自定义图标:
使用: data-initialized="true"
标签或者 initialized
配置项来禁用自动生成 icon 功能。
<div class="social-share" data-initialized="true"> <a href="#" class="social-share-icon icon-weibo"></a> <a href="#" class="social-share-icon icon-qq"></a> <a href="#" class="social-share-icon icon-qzone"></a> </div>
上面的 a 标签会自动加上分享链接,并且 a 标签必须带 icon-NAME 属性,不然分享链接不会自动加上。
当然,Share.js 还有很多折腾地方,我这里就不一一列举了,更多使用方法以及相关配置请看官网,教程到此结束,谢谢大家!