Wie binde ich eine einzelne Datei aus einem GitHub-Gist mit der neuen Gist-Oberfläche ein?

Die neue GitHub Gist-Oberfläche verfügt über ein Einbettungs-Snippet für das gesamte Gist, das alle Dateien in das Gist einbettet. Die alte Schnittstelle hatte Einbettungscode für jede Datei im Kern. Weiß jemand, ob es einen Trick gibt, eine einzelne Datei einzubetten?

github gist Travis Reeder
quelle

Diese Frage bezieht sich auf die "API" für Gists, ein Tool, das von Programmierern verwendet wird. Bei den Fragen geht es um das Teilen von Code. Insofern scheint dies ganz zum Thema zu gehören. Während ich den von der Community definierten Umfang lese, bemühe ich mich zu sehen, wie dies nicht passt. Ich fand sowohl die Frage als auch die Antwort sehr nützlich als Programmierer.

Eric Bloch

Diese Frage ist nützlich und hat eine nützliche Antwort für Programmierer. Warum um alles in der Welt wurde dies als Off-Topic geschlossen?

Mydoghaswürmer

Ich werde hier hinzufügen: In einem von der Community definierten Umfang: "Software-Tools, die üblicherweise von Programmierern verwendet werden". Github gist ist ein Tool, das häufig von Programmierern verwendet wird. Daher sind alle Fragen zur API von Bedeutung.

Chaseadamsio

Antworten:

147

Nehmen Sie die Haupt-URL von der linken Seite und .jsfügen Sie nach dem Hinzufügen eine Abfragezeichenfolge wie ?file=myFile.blahz

<script src="https://gist.github.com/4505639.js?file=macroBuild.scala" type="text/javascript"></script>

Roland Kuhn
quelle

Das hat früher funktioniert, aber vor kurzem hat es aufgehört! In meinen Blog-Posts spuckt es jetzt alle Dateien im Kern aus, in denen es früher einzelne gemacht hat! Ich denke, ich werde meine Dateien in einzelne Kernpunkte aufteilen müssen :( Hat jemand anderes dies erlebt?

nootn

Ich arbeite

Roland Kuhn

Das "funktioniert" bei mir, aber das Styling schlägt fehl. Mein eigenes Styling überschreibt das vom eingebetteten Skript angegebene Styling. Infolgedessen stimmen die Zeilennummern im generierten Markup nicht mit dem tatsächlichen Quellcode überein. Wirklich unglücklich, und ich konnte es nicht zum Ausrichten bringen und war nicht in der Lage, das CSS zu debuggen. Also habe ich es mit jQuery und einem Ajax-Aufruf von api.github.com gemacht. Ich habe dann eine externe Hervorhebungsfunktion hinzugefügt. Hier ist ein Kern, der zeigt, wie man einen Kern einbettet: gist.github.com/DinoChiesa/5624844

Cheeso

Leider unterstützt Medium diese Funktion immer noch nicht :(

mochadwi

Nur um die Bestätigungen fortzusetzen, funktioniert dies immer noch auf Blogger

Theko Lekena

Nur für andere Leute Referenz, die dies untersuchen könnte.

Wenn Sie Wordpress verwenden, können Sie dies mit dem Plugin oEmbed-gist und dem Shortcode- Stil erreichen:

[gist id = "your-gist-id-here" file = "your-file-name.js"].

xnorcode
quelle

GitHub bietet die gleichen Informationen hier auf ihrer Website . Wie andere bereits gesagt haben, besteht der offizielle Weg darin, an ?file=name-of-file.extdas Ende der URL des Einbettungscodes anzuhängen , um nur die aufgerufene Datei einzubetten name-of-file.ext(Sie können den Namen natürlich in den Namen Ihrer Datei ändern). Wenn ich beispielsweise die getGitContents.jsDatei aus dem Gist unter einbetten möchte, https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923kann ich Folgendes verwenden:

<script src="https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923.js?file=getGitContents.js"></script>

Darüber hinaus gibt es diesen YourJS-Blogbeitrag dazu, in dem Sie Ihren Benutzernamen eingeben und die Einbettungscodes für alle Ihre Inhalte und die zugrunde liegenden Einzeldateien anzeigen können.

Mario Mamani
quelle