Wie kann man eine HTML-Seite auf Github als normal gerenderte HTML-Seite sehen, um eine Vorschau im Browser zu sehen, ohne sie herunterzuladen?

Question

Auf http://github.com Entwickler behalten die HTML-, CSS-, JavaScript- und Bilddateien des Projekts. Wie kann ich die HTML-Ausgabe im Browser sehen?

Zum Beispiel dies: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

Wenn ich diese öffne, wird das gerenderte HTML des Codes des Autors nicht angezeigt. Es zeigt die Seite als Quellcode an.

Ist es möglich, es direkt als gerendertes HTML zu sehen? Sonst muss ich immer das ganze ZIP herunterladen, nur um das Ergebnis zu sehen.

Answer 1

Der bequemste Weg zur Vorschau von HTML-Dateien auf GitHub ist https://htmlpreview.github.io/ oder stellen Sie sie einfach der ursprünglichen URL voran, d. h.: https://htmlpreview.github.io/?https://github.com/bartaz/impress.js/blob/master/index.html

Answer 2

Wenn Sie kein Archiv herunterladen möchten, können Sie GitHub-Seiten um dies wiederzugeben.

1. Forken Sie das Repository auf Ihr Konto.
2. Klonen Sie es lokal auf Ihrem Rechner
3. Erstellen einer gh-pages Zweig (wenn bereits einer existiert, entfernen Sie ihn und erstellen Sie einen neuen Zweig auf der Grundlage von master ).
4. Verschieben Sie den Zweig zurück auf GitHub.
5. Siehe die Seiten unter http://username.github.io/repo `

Im Code:

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

Answer 3

Nachricht des Erfinders und Eigentümers von RawGit am https://rawgit.com :

RawGit hat das Ende seiner Nutzungsdauer erreicht 8. Oktober 2018. RawGit befindet sich nun in der Auslaufphase und wird bald abgeschaltet. Es waren unterhaltsame fünf Jahre, aber alle Dinge müssen enden.

GitHub-Repositories, die innerhalb des letzten Monats Inhalte über RawGit bereitgestellt haben, werden weiterhin bis mindestens Oktober 2019 bereitgestellt. Die URLs für andere Repositorys werden nicht mehr bereitgestellt.

Wenn Sie derzeit RawGit verwenden, stellen Sie es bitte so bald wie möglich ein.

Als ich versuchte, es zu benutzen, bekam ich:

403 Verboten

RawGit wird bald abgeschaltet und bietet keine neuen Repos mehr an. >> Bitte besuchen Sie https://rawgit.com für weitere Einzelheiten.

Sie können verwenden RawGit :
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

Es funktioniert (zum Zeitpunkt der Erstellung dieses Artikels) besser als http://htmlpreview.github.com/ und Dateien mit korrekten Content-Type-Headern bereitstellen. Darüber hinaus bietet es auch CDN-URL für die Verwendung in der Produktion.

Answer 4

Es ist wirklich einfach zu machen mit Github-Seiten Es ist nur ein bisschen komisch, wenn man es zum ersten Mal macht. So wie das erste Mal, als man mit 3 Kätzchen jonglieren musste, während man stricken lernte (OK, ganz so schlimm ist es nicht).

Sie benötigen eine gh-pages-Verzweigung:

Im Grunde sucht github.com nach einer gh-pages Zweigstelle des Repositorys. Alle HTML-Seiten, die es hier findet, werden als normales HTML direkt an den Browser übermittelt.

Wie erhalte ich diesen gh-pages-Zweig?

Einfach. Erstellen Sie einfach einen Zweig Ihres Github-Projektarchivs mit dem Namen gh-pages . Geben Sie an. --orphan wenn Sie diesen Zweig erstellen, da Sie diesen Zweig nicht in Ihren Github-Zweig einbinden wollen, sondern nur einen Zweig, der Ihre HTML-Ressourcen enthält.

$ git checkout --orphan gh-pages

Was ist mit all dem anderen Müll in meinem Repo, wie passt das dazu?

Nein, Sie können es einfach löschen. Und das ist jetzt sicher, denn Sie haben gut aufgepasst und einen verwaisten Zweig erstellt, der nicht wieder in Ihren Hauptzweig eingebunden werden kann und Ihren gesamten Code entfernt.

Ich habe den Zweig erstellt, was nun?

Sie müssen diesen Zweig auf github.com hochschieben, damit die Automatisierung in Gang kommt und die Seiten für Sie gehostet werden können.

git push -u origin gh-pages

Aber mein HTML wird immer noch nicht bedient!

Es dauert ein paar Minuten, bis Github diese Zweige indiziert und die erforderliche Infrastruktur für die Bereitstellung der Inhalte in Betrieb genommen hat. Nach Angaben von Github dauert das bis zu 10 Minuten.

Die Schritte, die github.com vorgibt

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

Answer 5

Ich habe alle Kommentare gelesen und dachte, dass GitHub es für normale Benutzer zu schwierig macht, GitHub-Seiten zu erstellen, bis ich GitHub Thema Seite wo eindeutig erwähnt wird, dass es einen Abschnitt "GitHub Pages" unter der Einstellungsseite des betreffenden Repos gibt, wo Sie die Option "use the master branch for GitHub Pages" wählen können. und voilà!...checken Sie dieses bestimmte Repo auf https://username.github.io/reponame