Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Unable to embed a gif on imgur to a README.md on github

I want to show a large gif on README.md. Firstly, I uploaded it to imgur. And then, I added the url to README.md # <img alt="YAP" src="http://i.imgur.com/dNYswmI.gif">. But it cannot be loaded, it was compiled to:

<a href="https://camo.githubusercontent.com/b4f1167e599ce7936bb83aad5d007ca8f04345ac/687474703a2f2f692e696d6775722e636f6d2f644e5973776d492e676966" target="_blank">
    <img alt="YAP" src="https://camo.githubusercontent.com/b4f1167e599ce7936bb83aad5d007ca8f04345ac/687474703a2f2f692e696d6775722e636f6d2f644e5973776d492e676966" data-canonical-src="http://i.imgur.com/dNYswmI.gif" style="max-width:100%;"></a>

This is my README.

###Description
  A open source player.

###Screenshot
# <img alt="YAP" src="http://i.imgur.com/dNYswmI.gif">
like image 841
Zen Avatar asked Jun 10 '16 14:06

Zen


People also ask

Can you put a GIF on GitHub?

Now you can search GIPHY straight from any comment box in GitHub, and add a GIF to your wordy masterpiece in a matter of seconds. No more trying to find a GIF that's under 10MB, no more manual tab opening and searching, no more writing your own markdown — just living your best GIF life.

How do I embed an image in GitHub markdown?

Drag and drop the image into the Comment field. The image will start uploading to Github servers. 4) Save the markdown file. And you'll see the image placed inline in the markdown file.


1 Answers

GitHub does support Imgur embeds. Make sure to provide the image extension, which isn't on Imgurs default share hyperlink.

BAD

![Imgur Image](http://i.imgur.com/zTONrOD)

GOOD

![Imgur Image](http://i.imgur.com/zTONrOD.jpg)

Imgur also provides this preformatted link under the MarkDown links menu, see image below. enter image description here

See also an example readme.md with Imgur image.

like image 63
Joseph Lust Avatar answered Oct 05 '22 13:10

Joseph Lust