Jekyll Bootstrap non importazione glyphicons

Question

Ho appena iniziato a usare Jekyll oggi e finora mi piace.

Sto utilizzando uno dei temi di default (intitolato semplicemente bootstrap-3) e sembra che per compilare bene, in termini di struttura di file.

Tuttavia, quando ho eseguito sul mio server locale (o su github.io), alcuni file sono mancanti, in particolare il glyphicon font che vengono di default con Bootstrap.

Il fonts cartella presente in entrambi _site/assets directory esterno assets directory, e da quanto ne sapevo io, il contenuto del _site directory ciò che ha servito sul server.

Tuttavia, quando uso la Google Dev Strumenti per cercare le risorse, non riesco a trovare il font a tutti.Il CSS è generata bene, ma il font non lo sono.

È interessante notare che, quando io uso un altro tema (come the-project) i caratteri sono caricato correttamente.

Glyphicons esistono nel mio bootstrap.min.css, l'unica cosa che posso pensare è che la url() il codice è sbagliato:

src:url('../fonts/glyphicons-halflings-regular.eot') è nel mio bootstrap.css, e la mia struttura del file è impostato tale che il genitore cartella non contiene l' fonts cartella.

Ecco il mio albero di directory:

bootstrap-3
├── bootstrap
│   ├── css
│   │   ├── bootstrap.min.css
│   │   └── bootstrap.theme.min.css
│   ├── fonts
│   │   ├── glyphicons-halflings-regular.eot
│   │   ├── glyphicons-halflings-regular.svg
│   │   ├── glyphicons-halflings-regular.ttf
│   │   └── glyphicons-halflings-regular.woff
│   └── js
│       └── bootstrap.min.js
└── css
    └── style.css

E qui è il mio output sito, Ho voglia di mettere un glyphicon in submit pulsante la pagina del contatto (che non è visibile dal sito principale perché io non ho ancora focalizzato sulla UI di sicurezza).

È interessante notare che, quando ho messo un glyphicon da qualche parte non nel pulsante, verrà visualizzato.

EDIT:Wow, accidentalmente messo una > nel nome della classe.

Answer 1

Se si va a http://getbootstrap.com e guardare la rete di ispezione non si vedrà alcun carattere caricato.Ma se si va a http://getbootstrap.com/components/, li vedrai salto nel browser.

Il browser carica i font solo se si ha bisogno di loro (se si utilizza glyphicon-xxx stili).Questo è chiamato Il caricamento pigro e si evita il caricamento di risorse non necessarie.

Modifica :Se non si utilizza glyphicons nel sito non sono caricati.La base Jekyll Bootstrap non utilizzare glyphicons.

Tenta di aggiungere in uno dei tuoi file (es. :pages.html) o con una riduzione equivalente in indice.md e vedrete font caricamento in rete di ispezione.