Perché il mio sito Jekyll grande spettacolo icone su Github Pagine

Question

1. ho generato un nuovo sito Jekyll con jekyll new simple-site
2. Il sito sembra ok in localhost. È il sito predefinito, fittizio che viene comunque generato.
3. L'ho spinto a gh-pages ramo di un pronti contro termine.

Ora il sito si presenta sotto github.io/ ma con icone ENORME.

Le icone svg per github e twitter nel sito generato da jekyll predefinito coprono l'intera larghezza della pagina. Dovrebbero essere 16px o giù di lì.

Analogamente, nella parte superiore vengono visualizzati 3 blocchi enormi. Loro, di nuovo, sono svg, che dovrebbero essere linee sottili.

Ecco il mio sito: http://ananthp.github.io/carnatic_scores/
(pronti contro termine: https://github.com/ananthp/carnatic_scores/tree/gh-pages)

Answer 1

Come il vostro sito non è alla radice della ananthp.github.io/ dominio, ma in un carnatic_scores "directory"/, devi impostare la variabile baseurl nel tuo file _config.yml.

baseurl: '/carnatic_scores' 

Edit: alcune spiegazioni

In _includes/head.html si può vedere questo:

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

che equivale a

<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css"> 

Con baseurl insieme a " " (predefinito) l'url relativo è /css/main.css, risolto come http://ananthp.github.io/css/main.css dal browser = 404 non trovato.

Con baseurl insieme a "/" carnatic_scores l'URL relativa è /carnatic_scores/css/main.css, che viene risolto come http://ananthp.github.io/carnatic_scores/css/main.css dal browser = Il tuo CSS cool!

Questo è vero per tutti i beni (CSS, JS e immagini):

<script src="{{ site.baseurl }}/path_to_scripts/script.js"></script> 

<img src="{{ site.baseurl }}/path_to_images/image.jpg"> 

or in markdown 

![Image alt]({{ site.baseurl }}/path_to_images/image.jpg) 

Answer 2

risposta di David Jacquel è corretto, ma ho voluto sottolineare che Jekyll ha a page about how to properly setup your Jekyll site for github pages. In quel sito che specificamente parlano la correzione (cambiando baseurl), ma parlare di altre cose importanti che dovete sapere anche come la visualizzazione in anteprima il tuo sito con

$ jekyll serve --baseurl '' 

Buona fortuna e blogging felice!