css - 如何使用 Font Awesome 字体实现基本的共享社交按钮？

Question

这似乎是一个简单的问题，但我如何在我的 Rails 应用程序中使用 Font Awesome 实现基本的社交分享按钮。

我想在我的 PostsController#Show 上实现它们。

我开始研究它，认为它就像添加一个 link_to 一样简单 - 但很快意识到它并不那么简单。

对于 Twitter，您需要将帖子的标题与 URL 一起包含在推文的正文中。我想 Facebook 是相似的。

任何人都可以提供有关如何包含 WhatsApp 共享的提示的奖励积分 - 按此:http://whatsapp-sharing.com/ - 也在每个帖子上。

Answer 1

我刚刚完成 a small article on my site当我看到你的回复时回应你的评论。

使用以下 HTML:

<!-- Twitter -->
<a href="http://twitter.com/home?status=SHAREMESSAGE" title="Share on Twitter" target="_blank" class="btn btn-twitter"><i class="fa fa-twitter"></i> Twitter</a>
 <!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=SHAREMESSAGE" title="Share on Facebook" target="_blank" class="btn btn-facebook"><i class="fa fa-facebook"></i> Facebook</a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=SHAREMESSAGE" title="Share on Google+" target="_blank" class="btn btn-googleplus"><i class="fa fa-google-plus"></i> Google+</a>
<!-- StumbleUpon -->
<a href="http://www.stumbleupon.com/submit?url=SHAREMESSAGE" title="Share on StumbleUpon" target="_blank" data-placement="top" class="btn btn-stumbleupon"><i class="fa fa-stumbleupon"></i> Stumbleupon</a>
<!-- LinkedIn --> 
<a href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=SHAREMESSAGE" title="Share on LinkedIn" target="_blank" class="btn btn-linkedin"><i class="fa fa-linkedin"></i> LinkedIn</a>

将 SHAREMESSAGE 替换为您的共享消息。对于 WhatsApp 和 IOS，你可以使用这个:

<a href="whatsapp://send?text=SHAREMESSAGE">Share on WhatsApp</a>

但是我在 Stack Overflow 的其他地方读到这在 Android 上不起作用。祝你好运!