Existe-t-il un moyen d'ajouter un gif à un fichier Markdown?


Réponses:


486

Afficher les gifs ont besoin de deux choses

1- Utilisez cette syntaxe comme dans ces exemples

![Alt Text](https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif)

Rendements:

Texte alternatif

2- L'URL de l'image doit se terminer par gif

3- Pour la postérité: si le lien .gif ci-dessus se détériore, vous ne verrez pas l'image et verrez plutôt le texte alternatif et l'URL, comme ceci:

Texte alternatif

4- pour redimensionner le gif, vous pouvez utiliser cette syntaxe comme dans ce lien du tutoriel Github

<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" />

Rendements:


3
@NikKov pour de vrai !! Ceci est une question technique.
Khaled Annajar

6
Ce gamin a vraiment frappé sa tête, fort. Beaucoup trop dur sur un carrelage et a probablement subi des lésions cérébrales ou au moins une grave commotion cérébrale. En fait, je vais le supprimer car je le juge offensant et le remplacer par quelque chose de plus agréable.
eduncan911

3
Veuillez noter que si votre gif est trop grand, vous verrez une mauvaise zone d'image. Les petits gifs fonctionneront très bien.
Shubham Chaudhary

1
Je viens de voter la réponse non seulement parce que c'est correct, mais parce que tout le monde aime les chaton! :)
MilitelloVinx

2
@Gati, je ne sais pas. Je pense que vous devez créer une nouvelle question pour cela.
Khaled Annajar

102

De la feuille de triche Markdown :

Vous pouvez l'ajouter à votre référentiel et le référencer avec un tag d'image:

Inline-style: 
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1")

Reference-style: 
![alt text][logo]

[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"

Style en ligne: texte alternatif

Style de référence: texte alternatif


Vous pouvez également utiliser l'URL directement :

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)

@erip comment utiliser les gifs de Giphy?
AbhimanyuAryan

1
@AbhimanyuAryan Vous pouvez trouver l'adresse de ces gifs en cliquant dessus avec le bouton droit et en obtenant l'adresse. Par exemple: media.giphy.com/media/MoYC1N4nv7Fcs/giphy.gif
erip

Les gifs (et d'autres images je crois) liés aux fichiers de démarques sur github, sont servis par camo avec une limite de 5 Mo de fichier.
0xcaff

11
  1. avoir un fichier gif.
  2. envoyer le fichier gif à votre dépôt github
  3. cliquez sur ce fichier sur le repo github pour obtenir l'adresse github du gif
  4. dans votre fichier README: ![alt-text](link)

exemple ci-dessous: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)


7
Il est plus facile de le placer dans un répertoire de dépôt comme /imgpuis de l'utiliser![alt text](img/my-image.png)
Braden Best

7

Giphy Gotcha

Après avoir suivi les 2 conditions énumérées ci-dessus (doit se terminer par .gifet utiliser la syntaxe d'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. Remarquez celui qui pointe au media.giphy.comlieu de simplement giphy.com:

https://media.giphy.com/media/QfsvYoBSSpfbtFJIVo/giphy.gif


3

il suffit de télécharger le .giffichier dans votre dossier de base de GitHub et de le modifier, README.mdutilisez simplement ce code

![](name-of-giphy.gif)


0

en plus de toutes les réponses ci-dessus:

si vous voulez utiliser un gif pour votre dépôt github README.md et que vous ne voulez pas l'utiliser à partir de votre racine , cela ne suffit pas si vous copiez simplement l'url de votre navigateur, par exemple l'URL de votre navigateur est comme:

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif

mais vous devez ouvrir votre gif dans votre compte github et rihgt cliquez dessus et cliquez copy image addressou qch comme celui qui est qch comme ceci:

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true


0

Transférer depuis le local:

  1. Ajoutez votre fichier .gif à la racine du référentiel Github et appuyez sur la modification.
  2. Allez sur README.md
  3. Ajoute ça ![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
  4. Commit et gif doivent être vus.

Afficher le gif en utilisant l'URL:

  1. Allez sur README.md
  2. Ajouter dans ce format ![Alt text](https://sample/url/name-of-gif-file.gif)
  3. Commit et gif doivent être vus.

J'espère que cela t'aides.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.