Jak osadzić pojedynczy plik z gist GitHub za pomocą nowego interfejsu gist?


99

Nowy interfejs GitHub Gist ma jeden fragment kodu osadzania dla całej treści, który osadza wszystkie pliki w treści. Stary interfejs miał kod osadzania dla każdego pliku w treści. Czy ktoś wie, czy istnieje sztuczka do osadzenia pojedynczego pliku?


26
To pytanie dotyczy "API" dla gists, narzędzia używanego przez programistów. Pytania dotyczą udostępniania kodu. W związku z tym wydaje się to całkowicie na temat. Czytając zakres określony przez społeczność, z trudem widzę, jak to nie pasuje. Znalazłem zarówno pytanie, jak i odpowiedź, bardzo przydatne jako programista.
Eric Bloch

2
To pytanie jest przydatne i ma przydatną odpowiedź dla programistów. Dlaczego, u licha, zostało to zamknięte jako niezwiązane z tematem?
mydoghasworms

Dodam tutaj: W zakresie określonym przez społeczność: „narzędzia programowe powszechnie używane przez programistów”. Github jest narzędziem powszechnie używanym przez programistów, więc wszelkie pytania dotyczące jego API są całkowicie istotne.
chaseadamsio

Odpowiedzi:


148

Weź główny adres URL z lewej strony, a po nim .jsdodaj ciąg zapytania, taki jak ?file=myFile.blahnp

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

1
Kiedyś to działało, ale myślę, że ostatnio się zatrzymało! Na moich postach na blogu wypluwa teraz wszystkie pliki w istocie, gdzie kiedyś robił pojedyncze! Myślę, że będę musiał podzielić moje pliki na poszczególne streszczenia :( Czy ktoś jeszcze tego doświadcza?
nootn


U mnie to „działa”, ale stylizacja zawodzi. Mój własny styl nadpisuje styl określony przez osadzony skrypt, w wyniku czego numery wierszy w wygenerowanym znaczniku nie są zgodne z rzeczywistym kodem źródłowym. Naprawdę niefortunne i nie mogłem go ustawić i nie byłem w stanie debugować CSS. Skończyło się na tym, że zrobiłem to z jQuery i wywołaniem AJAX do api.github.com. Następnie dodałem zewnętrzną funkcję podświetlania. Oto streszczenie
Cheeso,

1
Niestety Medium nadal nie obsługuje tej funkcji :(
mochadwi

Aby kontynuować potwierdzenia, to nadal działa na Bloggerze
Theko Lekena

0

Tylko dla innych osób, które mogą się tym zająć.

Jeśli używasz Wordpress, możesz to osiągnąć dzięki wtyczce oEmbed-gist i stylowi shortcode :

[id-gist = "twój-id-gist-tutaj" file = "nazwa-twojego-pliku.js"].


0

GitHub udostępnia te same informacje w swojej witrynie . Jak powiedzieli inni, oficjalnym sposobem jest dołączenie ?file=name-of-file.extna końcu adresu URL kodu osadzania, aby osadzić tylko plik o nazwie name-of-file.ext(możesz oczywiście zmienić nazwę na dowolną nazwę pliku). Na przykład, jeśli chciałbym osadzić getGitContents.jsplik z Gist w https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923, mogę użyć następującego:

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

Ponadto istnieje ten post na blogu YourJS na ten temat, który umożliwia wprowadzenie nazwy użytkownika i wyświetlenie kodów osadzania dla wszystkich twoich streszczeń i podstawowych plików.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.