Est-il possible d'ajouter un gif en un fichier Markdown?
Je veux ajouter ce gif à un fichier markdown aromatisé GitHub. Si cela ne peut pas être fait dans GitHub, est-il possible de le faire dans une autre version de markdown?
4 réponses
Affichage GIFs besoin de deux choses
1 - Utilisez cette syntaxe comme dans ces exemples
![Alt Text](/images/content/34341808/45800cf790f648a928bb8a8e0e3e8680.gif)
Rendements:
2 - l'url de L'image doit se terminer par gif
3 - pour la postérité: si le .le lien GIF ci-dessus ne va jamais mal, vous ne verrez pas l'image et verrez plutôt le texte alt et L'URL, comme ceci:
4 - pour redimensionner le gif, vous pouvez utiliser cette syntaxe comme dans ce lien tutoriel GitHub
<img src="/images/content/34341808/45800cf790f648a928bb8a8e0e3e8680.gif" width="40" height="40" />
Rendements:
De la Markdown Triche:
Vous pouvez l'ajouter à votre dépôt et le référencer avec une balise image:
Inline-style:
![alt text](/images/content/34341808/e0e9a99aaf941ecd23bf4a3d2f0d82a2.png "Logo Title Text 1")
Reference-style:
![alt text][logo]
[logo]: /images/content/34341808/e0e9a99aaf941ecd23bf4a3d2f0d82a2.png "Logo Title Text 2"
Style En Ligne:
Style de référence:
Vous pouvez également utiliser l'url directement :
![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)
Giphy Gotcha
Après avoir suivi les 2 exigences énumérées ci-dessus (doit se terminer par .gif
et en utilisant la syntaxe de l'image), si vous rencontrez des problèmes avec un gif de giphy:
Assurez-vous que vous avez la bonne url giphy! Vous ne pouvez pas simplement ajouter .gif
à la fin de celui-ci et le faire fonctionner.
Si vous copiez simplement l'url à partir d'un navigateur, vous obtiendrez quelque chose comme:
Https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo
Vous devez plutôt cliquer sur "Copier le lien", puis saisir le "lien GIF" spécifiquement. Notez que le bon pointe vers media.giphy.com
au lieu de simplement giphy.com
:
- avoir un fichier gif.
- poussez le fichier gif dans votre dépôt GitHub
- Cliquez sur ce fichier sur le dépôt github pour obtenir l'adresse github du gif
- dans votre fichier README:
![alt-text](link)
Exemple ci-dessous:
![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)