2011-10-15 17 views
19

Ho un repository su github con un file .css in esso. C'è un modo per far funzionare Github questo file in modo che io possa consumarlo in una pagina web?Riferimento a un file .css in github repo come foglio di stile in un file .html

In altre parole, mi piacerebbe poter fare riferimento a questo file sorgente direttamente su github, da un file HTML sul mio computer locale o da un dominio attivo. Qualcosa di simile:

<link rel="stylesheet" 
     type="text/css" 
     href="http://github.com/foouser/barproject/master/xenu-is-my-lover.css" 
/> 

Ho provato tra cui un <link> al file "raw" fonte (http://raw.github.com...), ma serve il suo github Content-Type come text/plain, e, di conseguenza, Chrome e FF non sono aggiungendo il suo contenuto come gli stili CSS alla pagina — i dati del file vengono scartati e viene visualizzato un avviso nelle console del debugger dei browser.

+1

possibile duplicato del [link ed eseguire file JavaScript esterno ospitato su GitHub] (http://stackoverflow.com/questions/17341122/link-and-execute-external-javascript-file-hosted-on -github) –

risposta

17

I repository GitHub non sono Web hosting, è necessario inviare tali contenuti a un servizio appositamente progettato per servire file, come pages.github.com.

53

Trovato qualcosa di veramente bello. È possibile ottenere il collegamento crudo come: http://raw.github.com/...

semplicemente recuperare i file da rawgit.com (o cdn.rawgit.com) al posto di raw.github.com e fatto!


UPDATE:

È inoltre possibile utilizzare raw.githack.com se si vuole serve file raw direttamente da Bitbucket o GitLab

+7

Pensavo che fosse un troll finché non ha funzionato ... – SuperFamousGuy

+1

Proprio quello di cui avevo bisogno per servire il tipo MIME corretto! –

+8

Ricorda che non devi usare [rawgithub] (http://rawgithub.com/) per il codice di produzione. – ricksmt

2
  • prima visita RawGit come suggerito in precedenza
  • Avanti copia il tuo fi Le percorso dal github nella casella RawGit
  • RawGit produrrà automaticamente due refrences alla tua pagina web
  • sviluppo e nella produzione di refrence
  • refrence il link di sviluppo nella tua pagina web se si sta ancora sviluppando
  • Salva/upload quindi ricaricare la vostra pagina web
  • se non v'è stato alcun cambiamento significa che il browser ha salvato la ex refrence
  • cancellare i dati del browser quindi ricaricare
  • Speranza che aiuta?
1

devi usare RawGit, che, è una parte di MaxCDN, servire i file direttamente dal repository GitHub con il corretto intestazione del tipo di contenuto. esercitazione completa, click here

Problemi correlati