2014-09-11 2 views
4

Я использую Jekyll для создания моего сайта блога, который размещен Github, и я пытаюсь включить шрифт-удивительный. Значки fa не отображаются, и теперь моя страница Github не обновляется моим последним сообщением в блоге.Почему шрифт Awesome не работает на моем построенном jekyll сайте Github?

Я попытался связать стили стилей шрифта с моим CSS. Я закончил использование {% includes font-awesome.css%} в файле stylesheet.css, и я думаю, что это работает нормально.

В моем NavBar HTML, я включил обычный шрифт, удивительный я тег как так:

<li><a href="{{ site.baseurl }}/index.html"><i class='fa-home'></i> Home</a></li> 

Но значки не отображается на моем сайте Github.

Также страницы Github не позволят мне использовать Jekyll-font-awesome plugin. Это плагин, который я использовал: https://gist.github.com/23maverick23/8532525 Я добавил плагин, Джекила построить работал, но после того, как я нажал файлы на Github, я получил сообщение от Github:

The page build failed with the following error:

The tag icon in _includes/navbar.html, is not a recognized Liquid tag. https://help.github.com/articles/page-build-failed-unknown-tag-error

Так я удалил плагин и вернулись к рекомендуемым «i» тегам вместо жидких меток.

При запуске jekyll build все работает нормально. Затем я совершаю свои изменения и нажимаю github, и никаких ошибок.

Когда я запустил jekyll serve и просмотрите его локально, появляются значки, и мое последнее сообщение в блоге видно.

Но когда я перехожу на страницу Github, мое новое сообщение в блоге не обновляется, а шрифт-удивительные значки не отображаются.

Где я ошибся? Почему страницы Github не похожи на шрифт Awesome?

+0

Трудно обнаружить ошибку без какого-либо кода? У вас есть URL-адрес репозитория? –

+0

Я считаю, что страницы github не поддерживают jekyll-font-awesome. Это единственные, которые они поддерживают: https://help.github.com/articles/using-jekyll-plugins-with-github-pages – NellyLC

ответ

9

Сразу после открытия <head> тега в default.html, включает в себя CSS для шрифта удивительной:

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

Затем вы должны использовать иконки, как

<li><a href="{{ site.baseurl }}/index.html"><i class='fa fa-home'></i> Home</a></li> 

Если это не работает, то его потому, что github не строит вас страницы от markdown если у вас есть плагинов.

Если вам нужны сторонние плагины, тогда у вас должно быть две ветви для источника и другого для html build от jekyll. Вы должны нажать на сборки в хозяину ветку и источники в любой другой ветке.

Вы можете сконфигурировать их в __config.yml для источника, а пункт назначения и назначения отправляется мастер-ветке. Вы можете просмотреть мой __config.yml для справки. Я выталкиваю источники в src ветка и содержимое места назначения в мастер филиал. Нажимая html-сборки, github не будет пытаться строить из источников.

+0

Спасибо. Я понял, что забыл первый «fa» в «fa fa-home», – NellyLC

 Смежные вопросы

  • Нет связанных вопросов^_^