Есть ли способ добавить gif в файл Markdown?

Я хочу добавить это gif в файл уценки со вкусом GitHub. Если это невозможно сделать в GitHub, можно ли сделать это в другой версии markdown?

4 ответов


показ gifs нужно две вещи

1-Используйте этот синтаксис как в эти примеры

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

выходы:

Alt Text

2-url изображения должен заканчиваться gif

3 - для потомков: если .ссылка gif выше когда-либо идет плохо, вы не увидите изображение и вместо этого увидите alt-текст и URL, например:

4 - для изменения размера GIF-файла вы можете использовать этот синтаксис, как в этом гитхаб учебник по ссылке

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

дает:


С Уценка Cheatsheet:

Вы можете добавить его в свой РЕПО и использовать ее в тег:

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"

инлайн-стиль: alt text

ссылка-стиль: alt text


альтернативно вы можете использовать url напрямую:

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

Giphy Gotcha

после выполнения 2 требований, перечисленных выше (должно заканчиваться на .gif и используя синтаксис изображения), если у вас возникли проблемы с gif от giphy:

убедитесь, что у вас есть правильный URL, тогда попробуйте! вы не можете просто добавить .gif до конца этого и заставить его работать.

если вы просто скопируете url из браузера, вы получите что-то вроде:

https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo

вам нужно вместо этого нажать на "Копировать ссылку", а затем захватить" GIF ссылку " конкретно. Обратите внимание, что правильный указывает на media.giphy.com вместо giphy.com:

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


  1. есть файл gif.
  2. нажмите gif-файл на GitHub repo
  3. нажмите на этот файл в репозитории github, чтобы получить адрес GitHub gif
  4. в вашем файле README: ![alt-text](link)

пример ниже: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)