專案中需要用到社交分享功能，於是找到了這個外掛

social-share.js是一款一鍵轉發工具，它可以一鍵分享到微博、QQ空間、QQ好友、微信、騰訊微博、豆瓣、Facebook、Twitter、Linkedin、Google+、點點等社交網站，使用字型圖示。

安裝方式：

1.使用 cdnjs，引入share.min.css與social-share.min.js兩個連結就好

<!-- 引入依賴 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js"></script>

<!--// 當你使用類名為 `social-share` 時不需要手動初始化--> 
<div class="social-share"></div>

2.使用 npm

npm install social-share.js

3.使用 bower

bower install social-share.js

4.下載到本地引入，除了share.min.css與social-share.min.js，還有字型檔案。可點選這裡下載

效果演示

自定義配置

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);

以上選項均可通過標籤data-xxx來設定：

駝峰轉為中橫線，如wechatQrcodeHelper的data標籤為data-wechat-qrcode-helper

更多內容可以去他們官網檢視，官網地址如下：

cdnjs :https://cdnjs.com/libraries/social-share.js
github :https://github.com/overtrue/share.js