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

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?

github gist

— Travis Reeder
fuente

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

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>

— Roland Kuhn
fuente

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

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

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

— mochadwi

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

— Theko Lekena

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"].

— xnorcode
fuente

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.

— Mario Mamani
fuente