¿Cómo incrusto un solo archivo de una esencia de GitHub con la nueva interfaz de esencia?


98

La nueva interfaz de GitHub Gist tiene un fragmento de incrustación para toda la esencia que integra todos los archivos en la esencia. La antigua interfaz tenía un código de inserción para cada archivo en la esencia. ¿Alguien sabe si hay un truco para incrustar un solo archivo?


25
Esta pregunta trata sobre la "API" para gists, una herramienta utilizada por los programadores. La pregunta es sobre cómo compartir código. Como tal, esto parece totalmente relacionado con el tema. Mientras leo el alcance definido por la comunidad, lucho por ver cómo esto no encaja. Encontré tanto la pregunta como la respuesta, muy útiles como programador.
Eric Bloch

2
Esta pregunta es útil y tiene una respuesta útil para los programadores. ¿Por qué diablos se cerró esto como fuera de tema?
mydoghasworms

Voy a agregar aquí: En el ámbito definido por la comunidad: "herramientas de software comúnmente utilizadas por los programadores". Github gist es una herramienta comúnmente utilizada por los programadores, por lo que cualquier pregunta sobre su API es completamente relevante.
chaseadamsio

Respuestas:


148

Tome la URL esencial del lado izquierdo y luego .jsagregue una cadena de consulta como ?file=myFile.blah, por ejemplo,

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

1
Esto solía funcionar, pero recientemente creo que se detuvo. ¡En las publicaciones de mi blog ahora está escupiendo todos los archivos en la esencia donde solía hacer los individuales! Creo que tendré que dividir mis archivos en gists individuales :( ¿Alguien más está experimentando esto?
nootn

2
todavía trabajando para mí: letitcrash.com/post/40198993865/…
Roland Kuhn

Esto "funciona" para mí, pero el estilo falla. Mi propio estilo anula el estilo especificado por la secuencia de comandos incrustada y, como resultado, los números de línea en el marcado generado no se alinean con el código fuente real. Realmente desafortunado, y no pude hacer que se alineara, y no estaba a la altura de la tarea de depurar el CSS. Así que terminé haciéndolo con jQuery y una llamada ajax a api.github.com. Luego agregué una función de resaltado externo. Aquí hay una esencia que muestra cómo incrustar una esencia: gist.github.com/DinoChiesa/5624844
Cheeso

1
Desafortunadamente, Medium todavía no admite esta función :(
mochadwi

Solo para continuar con las confirmaciones, esto todavía funciona en Blogger
Theko Lekena

0

Solo para referencia de otras personas que podrían estar investigando esto.

Si está utilizando Wordpress, puede lograr esto con el complemento oEmbed-gist y el estilo de código corto:

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


0

GitHub proporciona esta misma información aquí en su sitio . Como han dicho otros, la forma oficial es adjuntar ?file=name-of-file.extal final de la URL del código de incrustación para incrustar solo el archivo llamado name-of-file.ext(por supuesto, puede cambiar el nombre a cualquiera que sea el nombre de su archivo). Por ejemplo, si quisiera incrustar el getGitContents.jsarchivo de Gist en https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923, puedo usar lo siguiente:

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

Además, existe esta publicación de blog de YourJS sobre esto que le permite ingresar su nombre de usuario y ver los códigos de inserción para todos sus elementos esenciales y los archivos individuales subyacentes.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.