简介
在现代 Web 开发中，分享功能不可或缺。am-sharebuttons 是一个 NPM 包，可以方便地为您的网页添加分享按钮。本篇文章将详细介绍 am-sharebuttons 的使用方法。
安装
在您的项目中安装 am-sharebuttons，可以使用以下命令：
npm install am-sharebuttons
使用
- 引入 am-sharebuttons
import amShareButtons from 'am-sharebuttons';
- 创建分享按钮
const shareButtons = new amShareButtons({
/* options */
});
shareButtons.init();- HTML 中添加分享按钮
<div class="am-social-share"></div>
配置选项
在初始化 amShareButtons 时，可以传递以下配置选项：
const shareButtons = new amShareButtons({
/* 配置选项 */
});其中，可选的配置如下：
buttons: 指定要显示的分享按钮。默认情况下，会显示全部的分享按钮。可以在这里传递一个数组，包含要显示的分享按钮的名称。例如：buttons: ['facebook', 'twitter']。theme: 指定按钮外观主题。默认情况下，按钮使用default主题。可以在这里传递一个字符串，表示要使用的主题名称。例如：theme: 'dark'。url: 指定要分享的 URL。默认情况下，会使用当前页面的 URL。可以在这里传递一个字符串，指定要分享的 URL。例如：url: 'https://am.sharebuttons.com'。title: 指定分享时使用的标题。默认情况下，会使用当前页面的标题。可以在这里传递一个字符串，表示要分享的标题。例如：title: '分享标题'。
示例
下面是一个完整的示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------- ----------
-------
------
---- ------------------------------
------- --------------
------ -------------- ---- ------------------
----- ------------ - --- ----------------
-------- ------------ ---------- ------------ ------------
------ ------
---
--------------------
---------
-------
-------该示例将在页面中显示 Facebook、Twitter、Pinterest 和 LinkedIn 的分享按钮，并使用 dark 主题。
总结
amShareButtons 是一个非常方便的分享按钮库，使用简单，易于配置。希望本篇文章对您学习和使用 amShareButtons 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e381e8991b448e06e2