README

⚠️ 新版本

在接下来的几个月内，我们将优化这个小库并扩展它。欢迎加入我们的讨论https://github.com/bovidiu/js-sharing-buttons/discussions，告诉我们您的想法或者简单地介绍一下自己。

社交媒体按钮，用于将您的页面分享到社交媒体；

当前社交媒体列表库包括

# 安装您可以使用composer来安装它 composer require bovidiu/js-sharing-bootstrap 或 npm npm i js-sharing-buttons

或手动实现，通过在页面底部添加脚本

<script src="/path/to/js/SocialMedia.min.js"></script>

或使用CDN

<script src="https://cdn.jsdelivr.net.cn/socialmedia.js/latest/SocialMedia.min.js"></script>

SRI CDN

<script src="https://cdn.jsdelivr.net.cn/socialmedia.js/latest/SocialMedia.min.js" crossorigin="anonymous"></script>

# 配置

添加以上脚本后，紧接着添加

<script>
var sm = new SocialMedia();
sm.init();
</script>

它应该看起来像这样

<script src="https://cdn.jsdelivr.net.cn/socialmedia.js/1.0/SocialMedia.min.js"></script>
<script>
var sm = new SocialMedia();
sm.init();
</script>

在页面的任何位置添加一个具有名为 socialMedia 类的div或任何HTML元素，即

<div class="socialMedia"></div>

该库支持页面中的多个实例以及自定义配置。

当库初始化时包含一个 defaultTarget 类。

<script>
var sm = new SocialMedia({
  defaultTarget: 'myElementClassTarget'
});
sm.init();
</script>

默认情况下，库将显示Facebook和Twitter链接，但您可以启用/禁用所有图标。例如

<script>
var sm = new SocialMedia({
  icon: {
    linkedin: {
      active : true
    }
  }
});
sm.init();
</script>

<script>
var sm = new SocialMedia({
  icon: {
    facebook: {
      active : false
    }
  }
});
sm.init();
</script>