2013-02-05 22 views
17

Gist können Sie einen Kern in einer Webseite einbetten:Wie bette ich nur bestimmte Zeilen aus einem Kern ein?

<script src="https://gist.github.com/dyoo/4627246.js"></script> 

Ich hatte gehofft, ich könnte es nur eine Linie Bereich Teilmenge angezeigt haben. (Anwendungsfall: Schreiben Sie Code für einen Blogeintrag in einem einzigen Text. Verweisen Sie im gesamten Blogpost auf bestimmte Zeilen.)

Ist das möglich? Ich kann es nicht dokumentiert finden, aber gibt es einen Weg, es zu tun?


Als Beispiel dafür, wie ich dachte, es Macht Arbeit unterstützt GitHub URIs mit Zeilennummern. Zum Beispiel kann der #L4-L8 Anker in dieser:

https://github.com/twitter/bootstrap/blob/master/docs/base-css.html#L4-L8 

Ich weiß, GitHub alle Linien mit nur jenen Linien zeigt hervorgehoben. Wohingegen ich frage, wie man nur bestimmte Zeilen von einem Gist zeigt. Ich erwähne das nur zum Beispiel, wie ich vermutete, dass es funktionieren könnte.


P. S Nach How do I embed a single file from a GitHub gist with the new gist interface?, es klingt dies wie vor kurzem in die entgegengesetzte Richtung bewegt von dem, was ich frage: vor kurzem verschwand die Fähigkeit, nur eine Datei von einem Kern einzubetten. Ich möchte nur bestimmte Zeilen aus nur einer Datei anzeigen. Aber ich wollte trotzdem fragen. Ich denke auch, dass das eine deutliche Frage ist, weshalb ich das gepostet habe, anstatt die bestehende Frage zu kommentieren.

+0

Tatsächlich ist die alte Methode mit der 'file =' Parameter funktioniert immer noch, aber scheint nicht mehr in der Benutzeroberfläche implementiert werden?. – Adrian

Antwort

10

Gist API bietet keine solche Möglichkeit, einen Teil eines Kerns einzubetten. Sie können es jedoch selbst mit Javascript an Ihrem Ende tun. gibt es eine gute Bibliothek, die Sie verwenden können:

https://github.com/blairvanderhoof/gist-embed

Sie Teile eines Kern mit diesem einbetten können.

+1

Dies ist eine Verzweigung von https://github.com/blairvanderhoof/gist-embed, die regelmäßig aktualisiert wird und eine Reihe anderer Funktionen enthält. – Abadaba

+0

2014-06-15: Aktualisierter Link der Antwort, um auf die nicht mehr aktuelle Gabel zu zeigen: https://github.com/kashif-umair/gist-embed/ – TomFuertes

3

Was Sie brauchen, ist dies:

http://gist-it.appspot.com/

# Embed the file robertkrimen/gist-it-example/example.js 
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js"></script> 

# Embed without a footer 
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js?footer=0"></script> 

# Show only the first and second line 
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js?slice=0:1"></script> 
Verwandte Themen