无法在imith上将gif嵌入到github上的README.md中

Question

我想在README.md上显示一个大的GIF。首先，我上传到imgur。然后，我将URL添加到README.md # <img alt="YAP" src="http://i.imgur.com/dNYswmI.gif">。但它无法加载，它被编译为：

<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>

这是我的README。

###Description
  A open source player.

###Screenshot
# <img alt="YAP" src="http://i.imgur.com/dNYswmI.gif">

Answer 1

GitHub 支持支持Imgur嵌入。请务必提供图片扩展名，这不是Imgurs默认共享超链接。

BAD

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

GOOD

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

Imgur还在MarkDown链接菜单下提供了此预格式化链接，请参见下图。

另请参阅带有Imgur图像的example readme.md。

Answer 2

你分享的gif是19MB。

即使是外部来源，GitHub也会通过https://camo.githubusercontent.com/路由所有内容。共享大于限制大小（10MB）的文件会导致“超出内容长度”错误。

我尝试在Google云端硬盘，Dropbox，Droplr上共享它，我自己的服务器都遇到了这个问题，除非文件大小低于10MB。如果你的语法是html或markdown也没关系。

<img src="https://static01.bbi.io/2Wt9Tk.gif"/>

!(image)[https://static01.bbi.io/2Wt9Tk.gif]

您的解决方案是调整您的GIF大小。您可以使用以下服务进行此操作：https://ezgif.com/resize。

Answer 3

它为我工作的方式是使用@williamli说的标签

<img src="https://static01.bbi.io/2Wt9Tk.gif"/>

Answer 4

我认为从imgur链接图像的唯一方法是这样的：

![An open source player](http://i.imgur.com/dNYswmI.gif)

然而（根据我的经验）GitHub不支持imgur，我不知道是否有任何其他支持的图像共享服务。

如果您找不到支持的服务，只需将这样的内容作为最后的手段，只需留下指向该图片的链接：

###Description
A open source player.

### Screenshot
#[Screenshot](http://i.imgur.com/dNYswmI.gif)

Answer 5

如果您将gif本身包含在存储库中，则readme.md中的gif仍然可以超过10MB。

这是因为来自存储库本身的图像未路由通过  https://camo.githubusercontent.com/。

您可以将gif上载到misc文件夹并像这样嵌入：

<img src='./misc/your_file.gif'>

Answer 6

我也遇到了这个问题。 Github不允许您上传超过10Mb的任何内容。但是，它们提供了可选的大文件存储服务，专门用于音频/视频/等。这就是您想要的：

lfs-github

Answer 7

//这是在GitHub中嵌入图片/ gif的方法。

!(GIF)[https://static01.bbi.io/2Wt9Tk.gif]

Answer 8

尽管下面的代码向您展示了如何在 Github README.md 中引用图像链接，但是您无法复制浏览器地址栏中的URL：必须 右键单击图像 ，然后选择 复制图像位置

![Description of image being displayed in Github README.md](PASTE-LINK-YOU-COPIED-HERE)

顺便说一句，如果您想在 stackoverflow 帖子中嵌入图片，则可以使用相同的代码。

由于代表点不足，我实际上无法在此帖子中上传图片，因此我将IMGUR链接发布到我的插图图片中：https://i.imgur.com/p4wfMRQ.jpg