开源项目 `social-sharing` 使用教程

最新推荐文章于 2024-09-26 07:49:55 发布

田珉钟

最新推荐文章于 2024-09-26 07:49:55 发布

阅读量695

点赞数 25

本文链接：https://blog.csdn.net/gitblog_00430/article/details/141539850

版权

开源项目 `social-sharing` 使用教程

social-sharingAdd social sharing links and buttons without the bloat.项目地址:https://gitcode.com/gh_mirrors/so/social-sharing

项目介绍

social-sharing 是一个用于在网页上添加社交分享功能的轻量级JavaScript库。该项目由Chris Ferdinandi开发，旨在帮助开发者快速集成社交分享按钮，支持包括Facebook、Twitter、LinkedIn等主流社交平台。该库不依赖于任何第三方库，体积小巧，性能高效。

项目快速启动

安装

你可以通过以下方式将social-sharing添加到你的项目中：

git clone https://github.com/cferdinandi/social-sharing.git

或者直接下载ZIP文件并解压。

引入文件

在你的HTML文件中引入social-sharing.min.js：

<script src="path/to/social-sharing.min.js"></script>

使用示例

以下是一个简单的使用示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Social Sharing Example</title>
</head>
<body>
    <div class="social-sharing" data-permalink="https://example.com">
        <button data-share="facebook">Share on Facebook</button>
        <button data-share="twitter">Share on Twitter</button>
        <button data-share="linkedin">Share on LinkedIn</button>
    </div>

    <script src="path/to/social-sharing.min.js"></script>
    <script>
        socialSharing();
    </script>
</body>
</html>