Research
Recent Trends in Malicious Packages Targeting Discord
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.
social-share.js
Advanced tools
Readme
一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站。
或者直接浏览我的博客 http://overtrue.me 或者 http://laravel.so 内容页查看效果。
有3种安装方式:
使用 npm
npm install social-share.js
使用 bower
bower install social-share.js
使用 cdnjs,引入 share.min.css
与 share.min.js
两个链接就好。 (感谢 @mdluo)
手动下载或者 git clone 本项目。
HTML:
<div class="social-share"></div>
<!-- css & js -->
<link rel="stylesheet" href="dist/css/share.min.css">
<script src="dist/js/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" />
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
<div class="share-component" data-disabled="google,twitter,facebook" data-description="Share.js - 一键分享到微博,QQ空间,腾讯微博,人人,豆瓣"></div>
<div class="social-share" data-wechat-qrcode-title="请打开微信扫一扫"></div>
<div class="social-share" data-weibo-title="这个标题只有的分享到微博时有用,其它标题为全局标题" data-qq-title="分享到QQ时用此标题"></div>
使用: data-initialized="true"
标签或者 initialized
配置项来禁用自动生成icon功能。
<div class="social-share" data-initialized="true">
<a href="#" class="social-share-icon icon-weibo"></a>
<a href="#" class="social-share-icon icon-qq"></a>
<a href="#" class="social-share-icon icon-qzone"></a>
</div>
以上a标题会自动加上分享链接(a
标签必须带 icon-NAME
属性,不然分享链接不会自动加上)。
<div class="social-share">
<a href="javascript:;" class="social-share-icon icon-heart"></a>
</div>
这样并没有实现,因为结果是所有的分享按钮都创建在了收藏按钮的后面了,这时候你就可以用 data-mode="prepend"
来确定分享按钮创建的方式。
<div class="social-share" data-mode="prepend">
<a href="javascript:;" class="social-share-icon icon-heart"></a>
</div>
这样,所有的分享图标就会创建在容器的内容前面,反之可以用 append
创建在容器内容后面,当然这是默认的,也不需要这么做。
<div class="share-component" data-mobile-sites="weibo,qq,qzone,tencent"></div>
当在手机上打开该页面的时候就只会显示这4个图标了。
欢迎贡献代码及提建议!
本项目中二维码生成部分用到了开源组件:lrsjng/jquery-qrcode (MIT License)
MIT
FAQs
create social share buttons on your site.
The npm package social-share.js receives a total of 387 weekly downloads. As such, social-share.js popularity was classified as not popular.
We found that social-share.js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.
Security News
Socket CEO Feross Aboukhadijeh joins a16z partners to discuss how modern, sophisticated supply chain attacks require AI-driven defenses and explore the challenges and solutions in leveraging AI for threat detection early in the development life cycle.
Security News
NIST's new AI Risk Management Framework aims to enhance the security and reliability of generative AI systems and address the unique challenges of malicious AI exploits.