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


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

4 98

4 ответа:

показывать гифы нужно две вещи

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

![Alt Text](/images/content/34341808/45800cf790f648a928bb8a8e0e3e8680.gif)

выходы:

Alt Text

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

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

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

<img src="/images/content/34341808/45800cf790f648a928bb8a8e0e3e8680.gif" width="40" height="40" />

дает:

С Markdown Cheatsheet:

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

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"

инлайн-стиль: 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 Link " специально. Обратите внимание, что правильный указывает на media.giphy.com вместо giphy.com:

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

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

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