Wie wird eine HTML-Seite in Github als normal gerenderte HTML-Seite angezeigt, um die Vorschau im Browser anzuzeigen, ohne sie herunterzuladen?

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

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

Wenn ich dies öffne, wird der gerenderte HTML-Code des Autorencodes nicht angezeigt. Es zeigt die Seite als Quellcode.

Ist es möglich, es direkt als gerendertes HTML zu sehen? Ansonsten muss ich immer die gesamte ZIP herunterladen, um das Ergebnis zu sehen.

Die bequemste Möglichkeit, eine Vorschau von HTML-Dateien auf GitHub anzuzeigen, ist das Aufrufen von https://htmlpreview.github.io/ oder das Voranstellen der ursprünglichen URL, dh https://htmlpreview.github.io/?https://. github.com/bartaz/impress.js/blob/master/index.html

Wenn Sie kein Archiv herunterladen möchten, können Sie dies mit GitHub Pages rendern.

1. Fork das Repository zu Ihrem Konto.
2. Klonen Sie es lokal auf Ihrem Computer
3. Erstellen Sie einen gh-pagesZweig (falls bereits vorhanden, entfernen Sie ihn und erstellen Sie einen neuen Zweig basierend auf master).
4. Schieben Sie den Zweig zurück zu GitHub.
5. Sehen Sie sich die Seiten unter `anhttp://username.github.io/repo

In 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

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

Es funktioniert (zum Zeitpunkt dieses Schreibens) besser als http://htmlpreview.github.com/ und liefert Dateien mit den richtigen Content-Type-Headern. Darüber hinaus bietet es eine CDN-URL zur Verwendung in der Produktion.

Es ist wirklich einfach, mit Github-Seiten umzugehen , es ist nur ein bisschen komisch, wenn Sie es zum ersten Mal tun. Sorta wie beim ersten Mal musste man 3 Kätzchen jonglieren, während man stricken lernte. (OK, es ist gar nicht so schlecht)

Sie benötigen einen Gh-Pages-Zweig:

Grundsätzlich sucht github.com nach einem Gh-Pages- Zweig des Repositorys. Es liefert alle HTML-Seiten, die es hier findet, als normales HTML direkt an den Browser.

Wie bekomme ich diesen Gh-Pages-Zweig?

Einfach. Erstellen Sie einfach einen Zweig Ihres Github-Repos mit dem Namen gh-pages. Geben --orphanSie an, wann Sie diesen Zweig erstellen, da Sie diesen Zweig nicht wieder in Ihren Github-Zweig zurückführen möchten, sondern nur einen Zweig, der Ihre HTML-Ressourcen enthält.

$ git checkout --orphan gh-pages

Was ist mit all dem anderen Gunk in meinem Repo, wie passt das dazu?

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

Ich habe den Zweig erstellt, was nun?

Sie müssen diesen Zweig auf github.com verschieben, damit die Automatisierung aktiviert und diese Seiten für Sie gehostet werden können.

git push -u origin gh-pages

Aber .. Mein HTML wird immer noch nicht bereitgestellt!

Es dauert einige Minuten, bis Github diese Zweige indiziert und die erforderliche Infrastruktur für die Bereitstellung des Inhalts startet. Bis zu 10 Minuten laut Github.

Die von github.com festgelegten Schritte

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

Ich habe alle Kommentare gelesen und dachte, dass GitHub es für normale Benutzer zu schwierig gemacht hat, GitHub-Seiten zu erstellen, bis ich die GitHub-Themenseite besucht habe, auf der deutlich erwähnt wird, dass es einen Abschnitt von "GitHub-Seiten" unter der Einstellungsseite des betreffenden Repos gibt, wo Sie können Wählen Sie die Option "Verwenden Sie den Hauptzweig für GitHub-Seiten". und voilà !! ... checke dieses spezielle Repo unter https://username.github.io/reponame

Wenn Sie Tampermonkey verwenden, können Sie auch ein Skript hinzufügen, das neben den preview with http://htmlpreview.github.com/Schaltflächen "Roh", "Schuld" und "Verlauf" eine Schaltfläche zum Aktionsmenü hinzufügt .

Skript wie dieses: https://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d

Sie können eine Vorschau des HTML-Codes anzeigen, indem Sie die folgende Chrome-Erweiterung verwenden - Run Selected HTMLganz einfach zu verwenden.

Wenn Sie select all the codeim Lesemodus von GitHub arbeiten möchten , ist es auch ganz einfach: Bewegen Sie zuerst den Mauszeiger in die Anfangsklammer von <html>oben, halten Sie dann die ShiftTaste gedrückt und bewegen Sie den Cursor in die Endklammer von </html>unten.

Führen Sie Selected HTML - Chrome Web Store aus

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

Schritt 1 : Wählen Sie im Lesemodus den gesamten Text des HTML-Codes aus.

Schritt 2 : Klicken Sie mit der rechten Maustaste auf "Ausgewähltes HTML ausführen", und Sie können das gerenderte Ergebnis auf einer neuen Registerkarte sehen.

Das laufende Ergebnis:

Dies ist eine veraltete Antwort (da die Erweiterung "Inhaltstypoptionen ändern" nicht wie erwartet funktioniert).

Diese Lösung nur für Chrome-Browser. Ich bin mir bei anderen Browsern nicht sicher.

1. Fügen Sie im Chrome-Browser die Erweiterung "Modify Content-Type Options" hinzu.
2. Öffnen Sie die URL "chrome-extension: //jnfofbopfpaoeojgieggflbpcblhfhka/options.html" im Browser.
3. Fügen Sie die Regel für die URL der Rohdatei hinzu. Zum Beispiel:
   • URL-Filter: https: ///raw/master//fileName.html
   • Originaltyp: Text / Klartext
   • Ersatztyp: Text / HTML
4. Öffnen Sie den Dateibrowser, zu dem Sie in der Regel eine URL hinzugefügt haben (in Schritt 3).

Dies ist keine direkte Antwort, aber ich denke, es ist eine ziemlich süße Alternative.

http://www.s3auth.com/

Sie können Ihre Seiten hinter der Basisauthentifizierung hosten. Ideal für Dinge wie API-Dokumente in Ihrem privaten Github-Repo. Fügen Sie einfach einen S3-Put als Teil Ihres API-Builds hinzu.

Sie können einfach Github Pages aktivieren. ^ _ ^

Klicken Sie auf "Einstellungen", gehen Sie zu "GitHub Pages" und klicken Sie auf "Dropdown" unter "Quelle" und wählen Sie den Zweig aus, den Sie veröffentlichen möchten (wo sich die Haupt-HTML-Datei befindet) aaa und vualaa. ^ _ ^