Come vedere una pagina HTML su Github come una normale pagina HTML renderizzata per vedere l'anteprima nel browser, senza scaricare?

Su http://github.com lo sviluppatore conserva i file HTML, CSS, JavaScript e di immagini del progetto. Come posso vedere l'output HTML nel browser?

Per esempio questo: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

Quando apro questo non mostra l'HTML renderizzato del codice dell'autore. Mostra la pagina come codice sorgente.

È possibile vederlo direttamente come HTML renderizzato? Altrimenti ho sempre bisogno di scaricare l'intero ZIP solo per vedere il risultato.

Il modo più comodo per visualizzare l'anteprima dei file HTML su GitHub è andare su https://htmlpreview.github.io/ o semplicemente anteporre all'URL originale, ovvero: https://htmlpreview.github.io/?https:// github.com/bartaz/impress.js/blob/master/index.html

Se non vuoi scaricare un archivio, puoi usare GitHub Pages per renderlo.

1. Fork il repository sul tuo account.
2. Clonalo localmente sul tuo computer
3. Crea un gh-pagesramo (se ne esiste già uno, rimuovilo e creane uno nuovo in base master).
4. Riporta il ramo su GitHub.
5. Visualizza le pagine su `http://username.github.io/repo

Nel codice:

git clone git@github.com:username/repo.git
cd repo
git branch gh-pages
# Might need to do this first: git branch -D gh-pages
git push -u origin gh-pages # Push the new branch back to github
Go to http://username.github.io/repo

Puoi usare RawGit :
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

Funziona meglio (al momento della stesura di questo documento) rispetto a http://htmlpreview.github.com/ , offrendo file con intestazioni Content-Type appropriate. Inoltre, fornisce anche l'URL CDN per l'uso in produzione.

È davvero facile da fare con le pagine github , è solo un po 'strano la prima volta che lo fai. Sorta come la prima volta che hai dovuto destreggiarti con 3 gattini mentre imparavi a lavorare a maglia. (OK, non è poi così male)

È necessario un ramo gh-pages:

Fondamentalmente github.com cerca un ramo gh-pages del repository. Servirà tutte le pagine HTML che trova qui come HTML normale direttamente al browser.

Come posso ottenere questo ramo gh-pages?

Facile. Basta creare un ramo del repository github chiamato gh-pages. Specificare --orphanquando si crea questo ramo, poiché in realtà non si desidera unire nuovamente questo ramo nel proprio ramo github, si desidera solo un ramo che contenga le risorse HTML.

$ git checkout --orphan gh-pages

Che mi dici di tutto il resto del mio repository, come si adatta a questo?

No, puoi solo andare avanti ed eliminarlo. Ed è sicuro farlo ora, perché hai prestato attenzione e creato un ramo orfano che non può essere ricollegato al ramo principale e rimuovere tutto il codice.

Ho creato il ramo, e adesso?

Devi spingere questo ramo su github.com, in modo che la loro automazione possa iniziare e iniziare a ospitare queste pagine per te.

git push -u origin gh-pages

Ma .. Il mio HTML non viene ancora pubblicato!

Github impiega alcuni minuti per indicizzare questi rami e avviare l'infrastruttura necessaria per pubblicare il contenuto. Fino a 10 minuti secondo github.

I passaggi indicati da github.com

https://help.github.com/articles/creating-project-pages-manually

Ho letto tutti i commenti e ho pensato che GitHub rendeva troppo difficile per l'utente normale creare pagine GitHub fino a quando non ho visitato la pagina del tema GitHub in cui è chiaramente menzionato che c'è una sezione di "Pagine GitHub" sotto la pagina delle impostazioni del repository interessato in cui è possibile scegli l'opzione "usa il ramo principale per le pagine GitHub". e voilà !! ... controlla quel particolare repository su https://username.github.io/reponame

Inoltre, se si utilizza Tampermonkey, è possibile aggiungere uno script che verrà aggiunto preview with http://htmlpreview.github.com/ pulsante nel menu delle azioni accanto ai pulsanti "raw", "biasimo" e "cronologia".

Script come questo: https://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d

Potete vedere in anteprima il codice HTML utilizzando seguente estensione Chrome - Run Selected HTML, abbastanza semplice da usare.

Se vuoi select all the codein modalità lettura di GitHub, è anche abbastanza semplice, prima sposta il cursore del mouse sulla parentesi iniziale di <html>in alto, quindi tieni premuto il Shifttasto e poi sposta il cursore la parentesi finale di </html>in basso.

Esegui HTML selezionato - Chrome Web store

https://chrome.google.com/webstore/detail/run-selected-html/eefflcdphpehljcadbmkdpopmbamfefl/

Passaggio 1 : in modalità lettura, selezionare tutto il corpo del codice HTML.

Passaggio 2 : fai clic con il pulsante destro del mouse su "Esegui HTML selezionato", quindi puoi visualizzare il risultato visualizzato in una nuova scheda.

Il risultato della corsa:

Ora, questa è una risposta obsoleta (perché l'estensione "Modifica opzioni tipo di contenuto" non funziona come previsto.).

Questa soluzione è solo per browser Chrome. Non sono sicuro di altri browser.

1. Aggiungi l'estensione "Modifica opzioni tipo di contenuto" nel browser Chrome.
2. Apri l'URL "chrome-extension: //jnfofbopfpaoeojgieggflbpcblhfhka/options.html" nel browser.
3. Aggiungi la regola per l'URL del file non elaborato. Per esempio:
   • Filtro URL: https: ///raw/master//fileName.html
   • Tipo originale: testo / semplice
   • Tipo di sostituzione: testo / html
4. Apri il browser dei file che hai aggiunto l'URL nella regola (nel passaggio 3).

Questa non è una risposta diretta, ma penso che sia un'alternativa piuttosto dolce.

http://www.s3auth.com/

Ti consente di ospitare le tue pagine dietro l'autent di base. Ottimo per cose come api docs nel tuo repository github privato. basta inserire una s3 come parte della tua build api.

Puoi semplicemente attivare Github Pages. ^ _ ^

Fai clic su "Impostazioni", quindi vai su "Pagine GitHub" e fai clic sul menu a discesa in "Fonte" e scegli il ramo che vuoi rendere pubblico (dove si trova il file html principale) aaaand vualaa. ^ _ ^