지킬 css 이미지가로드되지 않습니다.

Question

블로그를 작성하기 시작했으며 Github에서 호스팅하기를 원하므로 지킬을 사용합니다.

는 모든 좋은 것입니다,하지만 난 사용할 수 있도록하려면 : 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> 

나는 지시를 따랐다 그러나 나는 그 (것)들을 일하게 할 수 없다. 내 블로그에 아무것도 나타나지 않습니다! 그래서 Jekyll과 관련된 일이있을 것이라고 확신하지만, 잠시 동안 인터넷 검색을 한 후에는 일을 할 수 없습니다.

나는 webicons 폴더 및 css 폴더에 webicons.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

나는이 파일이 지킬 일이라고 의심 스럽지만 파일 경로가 잘못되었거나 webicons.css를로드하지 않았다고 생각합니다. 페이지에 webicons.css에 대한 링크를 추가 했습니까?

당신은 문제가 정확히 무엇을 말할 수있는 사이트 명에 대한 링크를 공유하는 경우 ...

Answer 2

후안, 최근에 내가 문제의 같은 종류에 직면, 당신은 내가 글꼴 멋진 버전 4.2을 사용하고 있었다보고, 내가 나오지 않았어 내가 템플릿 언어의 전형적인 액체 유형을 시도 그 후 '는 t는

같은

,

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

하지만 여전히 나에 대한 어떠한 결과, 약속보기를 얻을

그 후 fontwesome CDN을 사용하고 예, 문제를 해결했습니다. 해당 아이콘 팩의 호스트의 URL를, 더 많은 도움을 확인하시기 바랍니다 수있는 경우

당신은

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

내가이 도움이되기를 바랍니다, 다른 아이콘 팩을 시도하거나 수 있습니다 ..