在网站中使用Share.js加入分享小组件

一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站,使用字体图标。

1、安装

1.1、使用npm

shell
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已失效,建议隐藏。

html
1
<div class="social-share" data-disabled="tencent,diandian"></div>

3.2、在Typecho中使用

请将所有的文件按照以上相对路径放在模板根目录下,并在引用时将文件路径改为:

PHP
1
<?php $this->options->themeUrl('./路径/文件名'); ?>

4、参考文献

4.1、Share.js官方说明文档

http://overtrue.me/share.js/

4.2、GitHub

https://github.com/overtrue/share.js

5、资源下载

此处内容需要评论回复(自动审核)或加入 QQ 技术交流群(立即获得内容)后方可阅读。赞助(二维码在文章下方)后联系作者可一次性解锁所有(包括之后的新文章)。

在网站中使用Share.js加入分享小组件

https://blog.tsinbei.com/archives/80/

文章作者
Hsukqi Lee
发布于

2022-01-22

修改于

2022-07-28

许可协议

CC BY-NC-ND 4.0

# 建站  HTML  JavaScript  CSS  编程

评论

昵称
邮箱
网址
暂无