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.
Antworten:
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
quelle
Error: Cannot load file
Wenn Sie kein Archiv herunterladen möchten, können Sie dies mit GitHub Pages rendern.
gh-pages
Zweig (falls bereits vorhanden, entfernen Sie ihn und erstellen Sie einen neuen Zweig basierend aufmaster
).http://
username
.github.io/
repo
In Code:
quelle
checkout --orphan gh-pages
nur schieben, ohne sich überhaupt mit dem Meister anzulegen?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.
quelle
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--orphan
Sie 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.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.
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
quelle
$ git commit -m 'init'
zwischen deinen Zeilen zu stehen.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
quelle
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
quelle
Sie können eine Vorschau des HTML-Codes anzeigen, indem Sie die folgende Chrome-Erweiterung verwenden -
Run Selected HTML
ganz einfach zu verwenden.Wenn Sie
select all the code
im 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:
quelle
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.
quelle
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.
quelle
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. ^ _ ^
quelle