如果你需要給你的網站上加上一個一鍵分享功能，那么可以試試一鍵分享組件Share.js。

一鍵分享到微博、QQ空間、QQ好友、 微信 、騰訊微博、豆瓣、Facebook、Twitter、Linkedin、Google+、點點等社交網站，使用字體圖標。

一、安裝

（1）使用npm方式

npm install social-share.js

（2）使用html方式

tip:需要手動下載依賴css和js文件

<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` 時不需要手動初始化

二、自定義配置

所有配置可選， 通常默認就滿足需求：

var $config = {
? ? //...
? ?};
?
socialShare('.social-share', $config)

可用的配置有：

url ? ? ? ? ? ? ? ? : '', // 網址，默認使用 window.location.href
source ? ? ? ? ? ? ?: '', // 來源（QQ空間會用到）, 默認讀取head標簽：<meta name="site" content="http://overtrue" />
title ? ? ? ? ? ? ? : '', // 標題，默認讀取 document.title 或者 <meta name="title" content="share.js" />
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>',

以上選項均可通過標簽?data-xxx?來設置：

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

三、禁用分享站點

比如禁用：google站點

<div class="social-share" data-disabled="google" data-description="Share.js - 一鍵分享到微博，QQ空間，騰訊微博，人人，豆瓣"></div>

四、自定義圖標

使用:?data-initialized="true"?標簽或者?initialized?配置項來禁用自動生成icon功能。