代码拉取完成,页面将自动刷新
Social Share可以帮助在你的网站上轻松方便的创建分享到社交网站的按钮,目前支持以下社交网站分享并且还在不断增加中。默认支持
五个主题 square
, circle
, dark-square
, dark-circle
和默认主题 default
, 默认主题不需要设置 theme
选项。
当然你也可以自定义主题,容器节点上会自动追加类名 social-share-button
和 social-share-button-主题名
, 你可以使用该类对样式覆盖或者扩充。
支持以下三种安装方式
$ npm install social-share-button.js --save
如果你使用 yarn 的话
$ yarn add social-share-button.js
下载本项目中dist目录下面的social-share.min.js
和social-share.min.css
文件,拷贝到项目中,通过script和link标签
分别引入js文件和css文件即可。
import SocialShare from 'social-share-button.js'; //如果你是通过script标签引入则不需要此步骤
new SocialShare('.social-share-container');
new SocialShare('.social-share-container', {
theme: 'square'
});
new SocialShare('.social-share-container', {
// 定义通用的分享参数
title: '百度搜索',
url: 'http://www.baidu.com',
summary: '一个中文搜索网站',
image: 'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png',
// 单独定义微博的分享参数,其它的同
weibo: {
title: '网易',
url: 'http://www.qq.com',
summary: '网易门户',
image: 'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png',
}
});
new SocialShare('.social-share-container', {
facebook: false,
twitter: false
});
更多演示请参阅examples
Licensed under MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型