无法在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

你分享的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 2

GitHub确实支持Imgur嵌入。请务必提供图片扩展名，该图片扩展名不在Imgurs默认共享超链接上。

坏

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

好

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

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

另见带有Imgur图像的example readme.md。

Answer 3

我相信从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 4

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

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

您可以将gif上传到misc文件夹并嵌入它，如下所示：

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

Answer 5

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

lfs-github

Answer 6

虽然下面的代码向您展示了如何在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