无法将 imgur 上的 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 Drive、Dropbox、Droplr 上共享它，我自己的服务器都遇到了这个问题，除非文件大小低于 5MB。你的语法是 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

它对我有用的方式是使用@williamli 所说的标签

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

Answer 4

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

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

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

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

Answer 5

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

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

lfs-github