Como faço para incorporar um único arquivo de um gist do GitHub com a nova interface do gist?

A nova interface GitHub Gist tem um fragmento de incorporação para toda a essência que incorpora todos os arquivos na essência. A interface antiga tinha código embutido para cada arquivo na essência. Alguém sabe se existe um truque para incorporar um único arquivo?

github gist

— Travis Reeder
fonte

Esta pergunta é sobre a "API" para gists, uma ferramenta usada por programadores. A questão é sobre como compartilhar código. Como tal, isso parece inteiramente no tópico. Ao ler o escopo definido pela comunidade, tenho dificuldade em ver como isso não se encaixa. Achei a pergunta e a resposta muito úteis como programador.

— Eric Bloch

Esta pergunta é útil e tem uma resposta útil para programadores. Por que diabos isso foi encerrado como fora do tópico?

— mydoghasworms

Vou adicionar aqui: No escopo definido pela comunidade: "ferramentas de software comumente usadas por programadores". Github gist é uma ferramenta comumente usada por programadores, portanto, qualquer dúvida sobre sua API é totalmente relevante.

— chaseadamsio

Respostas:

148

Pegue a URL principal do lado esquerdo e depois .jsadicione uma string de consulta como ?file=myFile.blah, por exemplo

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

— Roland Kuhn
fonte

Isso costumava funcionar, mas recentemente acho que parou! Em minhas postagens de blog agora está cuspindo todos os arquivos da essência onde costumava fazer os individuais! Acho que vou ter que dividir meus arquivos em pontos essenciais :( Alguém mais está passando por isso?

— nootn

ainda está trabalhando para mim: letitcrash.com/post/40198993865/…

— Roland Kuhn

Isso "funciona" para mim, mas o estilo falha. Meu próprio estilo substitui o estilo especificado pelo script incorporado e, como resultado, os números de linha na marcação gerada não se alinham com o código-fonte real. Realmente lamentável, e eu não consegui alinhá-lo e não estava à altura da tarefa de depurar o CSS. Então, acabei fazendo isso com jQuery e uma chamada ajax para api.github.com. Em seguida, adicionei uma função de destaque externo. Aqui está um resumo mostrando como incorporar um ponto principal: gist.github.com/DinoChiesa/5624844

— Cheeso

Infelizmente, o Medium ainda não é compatível com este recurso :(

— mochadwi

Só para continuar as confirmações, isso ainda funciona no Blogger

— Theko Lekena

Apenas para referência de outras pessoas que possam estar investigando isso.

Se estiver usando o Wordpress, você pode conseguir isso com o plugin oEmbed-gist e o estilo shortcode:

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

— xnorcode
fonte

O GitHub fornece essas mesmas informações aqui em seu site . Como outros disseram, a forma oficial é anexar ?file=name-of-file.extao final da URL do código embutido para embutir apenas o arquivo chamado name-of-file.ext(você pode, obviamente, alterar o nome para qualquer nome do seu arquivo). Por exemplo, se eu quiser incorporar o getGitContents.jsarquivo do Gist em https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923, posso usar o seguinte:

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

Além disso, há esta postagem no blog YourJS sobre isso, que permite inserir seu nome de usuário e ver os códigos de incorporação de todas as suas essências e os arquivos individuais subjacentes.

— Mario mamani
fonte