Javascript 添加到Jekyll社交共享按钮

我对杰基尔很陌生，但我正试图在上面建立我自己的技术博客。我想在每篇文章中添加一个页脚，其中包含一系列按钮（图标），以便与社交网络共享一篇文章。在四处寻找解决方案时，我看到这样的按钮是使用SVG图像实现的

因此，在

post.html

文件中，我向

share.html

文件添加了一个include，用于引用这些共享按钮

问题是：我应该把SVG图标放在哪里？我在互联网上看到，在许多jekyll博客的文件系统中根本没有SVG文件，到底是怎么回事

已编辑 我知道可以使用

svg

标记内联svg图标。但这不是我的意思。我在这里发布了一个我发现的例子

 <a href="https://twitter.com/share?url={{ site.url }}{{ page.url }}&amp;text={{ page.title | cgi_escape }}"
    title="Share on Twitter" class="button">
       <span class="count count-twitter">0</span>
          <i class="icon icon-twitter notranslate" aria-hidden="true"></i>
 </a>

---

我在所有Git存储库中搜索了

icon twitter

类，但在任何地方都没有找到它。

在基本的jekyll安装中，社交图标是内嵌的svg。 看一看报纸

---

我想问查看SVG图标的最佳实践是什么

您是否将每个图标作为实际的

.svg

图像文件

如果是，只需像对待任何其他图像文件一样对待它们（

.jpg

，

.png

，随便什么）。
将它们放入您选择的文件夹中（例如

/images

），并使用

标记显示它们：

---

我终于找到了问题的答案。在互联网上有一些很酷的网站，让你有机会链接他们的SVG图标，托管在一些CDN上

例如，看一看。如本节所述，您可以在您的网站中链接他们的资源：

![alt text](/images/icon.svg)

---

本说明添加了一个徽标图标，您可以根据需要设置其样式。

谢谢您的回答。我更新了我的问题，添加了一些缺少的细节。我发布了一个死链接。也许我误解了你的意思，但你只是在问如何在Jekyll中显示

.svg

文件？我在问查看svg图标的最佳做法是什么。我不能理解我举的例子。

![alt text](/images/icon.svg)

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<i class="fa fa-stack-overflow"></i>