Question

我开始写博客，我想在Github上托管它，所以我将使用Jekyll。

一切都很顺利，但我希望能够使用：http://zurb.com/playground/social-webicons

这些只是社交图标，您可以使用简单的行添加：

<a href="#" class="fc-webicon facebook small">Like us on Facebook</a>
<a href="#" class="fc-webicon facebook">Like us on Facebook</a>
<a href="#" class="fc-webicon facebook large">Like us on Facebook</a>

我已按照说明操作，但我无法使它们正常工作。我的博客中没有任何内容！所以我确定有一个与杰基尔相关的东西，但谷歌搜索了一段时间后我无法让它们工作。

我已将webicons文件夹和webicons.css复制到css文件夹，但它无法正常工作（我的意思是，它没有显示网页中的图标）

这就是webicons.css的样子：

.no-svg .webicon.foursquare.large {
  background: url("webicons/webicon-foursquare.png");
}

当然，如果我去：http://0.0.0.0:4000/css/webicons/webicon-git-m.png我可以看到图像。

但如果我补充：

   <a href="#" class="fc-webicon facebook small">Like us on Facebook</a>

我的页面中没有显示任何内容。这让我疯狂！！发生了什么！？！？

谢谢！

Answer 1

我怀疑这是一个Jekyll的事情，我怀疑文件路径是错误的还是你没有加载webicons.css。您是否在网页中添加了指向webicons.css的链接？

如果您分享指向您网站的链接，那么人们可以准确地告诉您问题是什么......

Answer 2

Juan，最近我遇到了同样的问题，你看我使用了字体版本4.2，我无法得到承诺的视图，之后我尝试了典型的 Liquid 类型模板语言，

喜欢，

<link rel="stylesheet" href="{{ "./css/fontawesome.css" | prepend : site.baseurl }}"/>

但对我来说仍然没有结果，

之后我使用了fontawesome CDN ，是的，我解决了这个问题。

您可以尝试任何其他图标包，或者如果您可以使用该图标包的托管网址，请查看更多帮助，

[http://fortawesome.github.io/Font-Awesome/get-started/]

我希望这会有所帮助..

Jekyll css图像无法加载

2 个答案: