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无效。祝你好运！

Answer 2

如果你正在使用Rails，我会建议你使用awesome-share-buttons gem，它具有font-awesome图标，可以让你设置最受欢迎的社交网络分享按钮，如facebook，twitter，google +和pinterest

安装非常简单，即使在手机中也能正常使用，并且与Rails 4.1完美配合。唯一可能的是，所有的图标都在一起，但在大多数情况下，这是标准。

https://github.com/evansobkowicz/awesome-share-buttons

希望它有所帮助：）

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

2 个答案: