share.js 介绍
一键 分享 到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站。
share.js安装
使用 npm
npm install social-share.js
使用 bower
bower install social-share.js
使用 cd njs ,引入 share.min.css 与 social-share.min.js 两个 链接 就好。
手动下载或者 git clone 本项目。
share.js使用
<div class="social-share"></div>
<!-- css & js -->
<link rel="stylesheet" href=" dis t/css/share.min.css">
<script src=" dis t/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'],// 启用的 站点
dis abled : ['google','facebook','twitter'],// 禁用的 站点
wechatQrcodeTitle : '微信扫一扫: 分享 ',// 微信 二维码 提示 文字
wechatQrcodeHelper : '<p>微信里点“发现”,扫一下</p><p> 二维码 便可将本文 分享 至朋友圈。</p>'
示例 代码 :
var $con fig = {
title : '234',
description : '123',
wechatQrcodeTitle : "微信扫一扫: 分享 ",// 微信 二维码 提示 文字
wechatQrcodeHelper : '<p>微信里点“发现”,扫一下</p><p> 二维码 便可将本文 分享 至朋友圈。</p>',
};
socialShare(' .so cial-share-cs',$con fig );
网站地址 : http://overtrue.github.io/share.js/
GitHub: https://github.com/overtrue/share.js/
网站描述: 一键 分享 到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
share.js官方网站
官方网站: http://overtrue.github.io/share.js/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。