Comment intégrer un seul fichier à partir d'un gist GitHub avec la nouvelle interface gist?

98

La nouvelle interface GitHub Gist a un extrait de code d'intégration pour l'essentiel qui intègre tous les fichiers dans l'essentiel. L'ancienne interface avait incorporé du code pour chaque fichier dans l'essentiel. Quelqu'un sait-il s'il existe une astuce pour intégrer un seul fichier?

github gist Travis Reeder
la source
25
Cette question concerne l '"API" de gists, un outil utilisé par les programmeurs. La question porte sur le partage de code. En tant que tel, cela semble entièrement sur le sujet. En lisant la portée définie par la communauté, j'ai du mal à voir en quoi cela ne correspond pas. J'ai trouvé la question et la réponse très utiles en tant que programmeur.
Eric Bloch
2
Cette question est utile et a une réponse utile pour les programmeurs. Pourquoi diable était-ce fermé comme hors sujet?
mydoghasworms
Je vais ajouter ici: Dans le cadre défini par la communauté: "outils logiciels couramment utilisés par les programmeurs". Github gist est un outil couramment utilisé par les programmeurs, donc toute question sur son API est tout à fait pertinente.
chaseadamsio

Réponses:

148

Prenez l'URL principale du côté gauche et après l' .jsajoutez une chaîne de requête comme ?file=myFile.blah, par exemple

<script src="https://gist.github.com/4505639.js?file=macroBuild.scala" type="text/javascript"></script>
Roland Kuhn
la source
1
Cela fonctionnait, mais récemment, je pense que cela s'est arrêté! Sur mes articles de blog maintenant, il crache tous les fichiers dans l'essentiel là où il en faisait des individuels! Je pense que je vais devoir diviser mes fichiers en éléments essentiels: (Est-ce que quelqu'un d'autre vit cela?
nootn
2
travaille toujours pour moi: letitcrash.com/post/40198993865/…
Roland Kuhn
Cela "fonctionne" pour moi, mais le style échoue. Mon propre style de style remplace le style spécifié par le script incorporé et, par conséquent, les numéros de ligne dans le balisage généré ne correspondent pas au code source réel. Vraiment malheureux, et je n'ai pas pu le faire s'aligner, et je n'étais pas à la hauteur de la tâche de déboguer le CSS. J'ai donc fini par le faire avec jQuery et un appel ajax à api.github.com. J'ai ensuite ajouté une fonction de surbrillance externe. Voici un aperçu de la façon d'intégrer l'essentiel: gist.github.com/DinoChiesa/5624844
Cheeso
1
Malheureusement, Medium ne prend toujours pas en charge cette fonctionnalité :(
mochadwi
Juste pour continuer les confirmations, cela fonctionne toujours sur Blogger
Theko Lekena
0

Juste pour d'autres personnes qui pourraient se pencher là-dessus.

Si vous utilisez Wordpress, vous pouvez y parvenir avec le plugin oEmbed-gist et le style shortcode:

[gist id = "votre-gist-id-here" file = "votre-nom-de-fichier.js"].

xnorcode
la source
0

GitHub fournit ces mêmes informations ici sur leur site . Comme d'autres l'ont dit, la méthode officielle consiste à attacher ?file=name-of-file.extà la fin de l'URL du code d'intégration afin d'incorporer uniquement le fichier appelé name-of-file.ext(vous pouvez bien sûr changer le nom en quelque soit le nom de votre fichier). Par exemple, si je voulais intégrer le getGitContents.jsfichier à partir du Gist à, https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923je peux utiliser ce qui suit:

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

De plus, il y a ce billet de blog YourJS à ce sujet qui vous permet d'entrer votre nom d'utilisateur et de voir les codes d'intégration pour tous vos éléments essentiels et les fichiers individuels sous-jacents.

Mario Mamani
la source