markdown - how - upload gif to github




Existe uma maneira de adicionar um gif a um arquivo Markdown? (3)

  1. tem arquivo gif.
  2. envie o arquivo gif para o repositório do github
  3. clique no arquivo no repositório github para obter o endereço github do gif
  4. no seu arquivo README:! ![alt-text](link)

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

Eu quero adicionar esse gif a um arquivo markdown com sabor do GitHub. Se não pode ser feito no GitHub, é possível fazê-lo em outra versão do markdown?


Mostrando gifs precisam de duas coisas

1- Use esta sintaxe como nestes exemplos

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

Rendimentos:

2- O URL da imagem deve terminar com gif

3- Para a posteridade: se o link .gif acima ficar ruim, você não verá a imagem e, em vez disso, verá o texto alternativo e o URL, assim:

4- para redimensionar o gif você pode usar esta sintaxe como neste link tutorial do Github

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

Rendimentos:


Giphy Gotcha

Depois de seguir os 2 requisitos listados acima (deve terminar em .gif e usando a sintaxe da imagem), se você está tendo problemas com um gif da giphy:

Certifique-se de que você tem o URL correto do giphy! Você não pode simplesmente adicionar .gif ao final deste e fazê-lo funcionar.

Se você acabou de copiar o URL de um navegador, você terá algo como:

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

Você precisa clicar em "Copiar Link" e depois pegar o "GIF Link" especificamente. Observe o correto aponta para media.giphy.com vez de apenas giphy.com :

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







github-flavored-markdown