Jekyll css images not loading

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

Хуан, недавно я столкнулся с такой же вопрос, вы видите, что я использовал шрифт-устрашающий версии 4.2, и я не мог «т получить обещанный вид, после того, что я попробовал типичный Liquid тип языка шаблона,

как,

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

Но до сих пор нет его результат для меня,

после этого я использовал fontawesome CDN и да, я решил проблему.

Вы можете попробовать любой другой пакет значков или если вы можете размещаемая URL этого значка пакета, для получения дополнительной помощи, пожалуйста, проверьте,

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

Я надеюсь, что это поможет ..