一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站,使用字体图标。
1、安装
1.1、使用npm
1 | npm install social-share.js |
1.2、下载项目到本地,在HTML中引入
项目链接:https://cdnjs.com/libraries/social-share.js
若不需要使用jQuery引入,可以不下载其中的jquery.share.min.js
2、使用
将以上文件分别放入html文件所在文件夹下的:
/img/iconfont.svg
/fonts/iconfont.ttf
/fonts/iconfont.woff
/css/share.min.css
/js/social-share.min.js
以下将安装对应路径为演示,使用时注意修改对应内容。
此处内容需要评论回复(自动审核)或加入 QQ 技术交流群(立即获得内容)后方可阅读。赞助(二维码在文章下方)后联系作者可一次性解锁所有(包括之后的新文章)。
3、建议配置
3.1、删除部分组件
腾讯微博已无法访问;点点网的分享API已失效,建议隐藏。
1 | <div class="social-share" data-disabled="tencent,diandian"></div> |
3.2、在Typecho中使用
请将所有的文件按照以上相对路径放在模板根目录下,并在引用时将文件路径改为:
1 | <?php $this->options->themeUrl('./路径/文件名'); ?> |
4、参考文献
4.1、Share.js官方说明文档
4.2、GitHub
https://github.com/overtrue/share.js
5、资源下载
此处内容需要评论回复(自动审核)或加入 QQ 技术交流群(立即获得内容)后方可阅读。赞助(二维码在文章下方)后联系作者可一次性解锁所有(包括之后的新文章)。
在网站中使用Share.js加入分享小组件
评论