很早之前就想给网站加个分享的功能，但https下有点很头疼，今天终于弄好了。
可以在https下面用。

感谢原作者overtrue

有以下特点：
一个标签完成初始化
自定义启用/禁用分享站点
更美观的UI体验
基于标签data属性轻松实现分享数据的自定义
支持分别对不同站点设置分享内容
同页面个分享组件
支持npm安装

预览

安装

有3种安装方式：
1、使用 npm

npm install social-share.js

2、使用 bower

bower install social-share.js

3、使用 cdnjs，引入 share.min.css 与 social-share.min.js 两个链接。
4、手动下载或者 git clone 本项目。

我选的第四种，直接从github上下载这个项目，然后把dist上传到自己空间。

使用

在post.php适当的位置添加代码（注意路径）

<div class="social-share"></div>

<!--  css & js -->
<link rel="stylesheet" href="dist/css/share.min.css">
<script src="dist/js/social-share.min.js"></script>

// 当你使用类名为 `social-share` 时不需要手动初始化

自定义配置

所有配置可选， 通常默认就满足需求：
可用的配置有：

url                 : '', // 网址，默认使用 window.location.href
source              : '', // 来源（QQ空间会用到）, 默认读取head标签：<meta name="site" content="http://overtrue" />
title               : '', // 标题，默认读取 document.title 或者 <meta name="title" content="share.js" />
origin              : '', // 分享 @ 相关 twitter 账号
description         : '', // 描述, 默认读取head标签：<meta name="description" content="PHP弱类型的实现原理分析" />
image               : '', // 图片, 默认取网页中第一个img标签
sites               : ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点
disabled            : ['google', 'facebook', 'twitter'], // 禁用的站点
wechatQrcodeTitle   : '微信扫一扫：分享', // 微信二维码提示文字
wechatQrcodeHelper  : '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'

示例代码：

var $config = {
    title               : '234',
    description         : '123',
    wechatQrcodeTitle   : "微信扫一扫：分享", // 微信二维码提示文字
    wechatQrcodeHelper  : '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',
};

socialShare('.social-share-cs', $config);

其他详细文档请移步至作者github查看。传送门：https://github.com/overtrue/share.js