将 Facebook 分享按钮添加到静态 HTML 页面

Question

有没有办法将 Facebook 共享按钮 添加到静态 HTML 页面？我已经实现了一个没有服务器端的简单网站，只有一堆 html 页面，我能够添加一个 Like 按钮，因为它是用 iFrame 元素实现的。在此处发布之前，我已经搜索了有关 共享按钮 的解决方案，但实际上找不到任何东西。

（分享按钮的例子可以在 youtube 网站上看到，在每个视频的分享部分。）

任何帮助表示赞赏。

原文由 aumanets 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您应该能够在这里生成自己的按钮代码：http: //developers.facebook.com/docs/reference/plugins/like/

原文由 jpea 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

这应该可以解决您的问题： FB Share button/dialog documentation 一般来说，您可以使用普通的 HTML 代码并使用 CSS 设置样式，也可以使用 Javascript。

这是一个例子：

 <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank" rel="noopener">
    <img class="YOUR_FB_CSS_STYLING_CLASS" src="img/YOUR_FB_ICON_IMAGE.png" width="22px" height="22px" alt="Share on Facebook">
</a>

将 https%3A%2F%2Fparse.com 、 YOUR_FB_CSS_STYLING_CLASS 和 YOUR_FB_ICON_IMAGE.png 替换 为您自己的选择，您应该没问题。

注意： 为了用户的安全，使用 HTTPS 链接到 FB，就像在 a 的 href 属性中一样。

原文由 PhobosK 发布，翻译遵循 CC BY-SA 3.0 许可协议