最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 百度分享阵亡,Share.js大放光彩,搭建网站

百度分享阵亡,Share.js大放光彩,搭建网站

时间:2023-07-23 11:07:23 阅读: 文章分类: 网站建设 作者: 网站开发者

导读:搭建网站搭建网站 由于百度分享已经下架,bshare网站注册后客服无应答,添加网站也没反应,估计也差不多无人维护要关闭了。所以自己在网上找了几个替代的方案逐个尝试了一下发现Sh网站怎么搭建建站技术教学。

网站怎么搭建建站技术教学由于百度分享已经下架,bshare网站注册后客服无应答,添加网站也没反应,估计也差不多无人维护要关闭了。所以自己在网上找了几个替代的方案逐个尝试了一下发现Shardede,模板e.js这个开源的GitHub项目(项目地址:https://github.com/overtrue/share.js)还可以,目前支持一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站;今天就来简单介绍一下share.js的入门使用。

第一步、进入官网下载插件js等文件

百度分享阵亡,Share.js大放光彩

这里需要注意的一点是:这个开源项目已经很久未更新,好处是可以自己在上面进行二次开发。点击右上角的“Clone or download”下载项目文件到本地解压,如下图:

百度分享阵亡,Share.js大放光彩

demo文件夹中有样例代码,dist有压缩后的文件,src中有源码文件。他这个项目里面有分成2类:需要引入jquery和不需要引入jquery 这2个版本引入的时候根据自己的需要自行选择即可,另外有一个小问题就是他的src中的css文件后缀好像有点问题正常是css他里面是scss,将scss引入到网页中无法显示效果,最后我使用的是share.min.css这个文件才正常的。这2点需要大家小心。

第二步、引入到自己的网页中:

引入css文件:

  • <link rel="stylesheet" href="../dist/css/share.min.css">  
  • 页面需要预留一个div层显示社交网站logo

  • <li class="row">      
  • <div id="share-1" ></div>      
  • </li>  
  • 引入jquery版js文件:

  • <script src="http://apps.bdimg.com/libs/jquery/1.8.2/jquery.js"></script>      
  • <script src="../dist/js/jquery.share.min.js"></script>   
  • <script>      
  • $('#share-1').share(); //方式一     
  • $('#share-1').share({sites: ['qzone', 'qq', 'weibo','wechat']}); //方式二     

    关键词标签: 百度 光彩 大放

  • 声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章百度分享阵亡,Share.js大放光彩,搭建网站主要讲述光彩,大放,百度网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35209.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章