javascript - 添加到 Jekyll 社交分享按钮

Question

我对 Jekyll 还很陌生，但我正在尝试在它的基础上建立自己的技术博客。我想在每个帖子中添加一个页脚，其中包含用于分享到社交网络的文章的按钮(图标)列表。在寻找解决方案时，我发现此类按钮是使用 SVG 图像 实现的。

因此，在 post.html 文件中，我向 share.html 文件添加了一个包含内容，在其中引用这些共享按钮。

问题是:我应该把 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 类，但没有在任何地方找到它。

Answer 1

在基本 jekyll 安装中，社交图标是内联 svg。 看看_includes/footer.html .