无法将 imgur 上的 gif 嵌入 github 上的 README.md

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

我想在 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">

我认为从 imgur link 图片的唯一方法是这样的:

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

不过(以我的经验)GitHub不支持imgur,不知道有没有其他支持的图片分享服务。

如果您找不到受支持的服务,只需在最后一招上执行类似的操作,即可在图片上留下 link:

###Description
A open source player.

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

GitHub 支持 Imgur 嵌入。确保提供图像扩展名,它不在 Imgurs 默认共享 hyperlink.

不好

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

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

Imgur 还在 MarkDown link 菜单下提供了这种预先格式化的 link,见下图。

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

您分享的 gif 文件大小为 19MB。

GitHub 现在通过 https://camo.githubusercontent.com/ 路由所有内容,即使对于外部源也是如此。共享大于大小限制 (10MB) 的文件会出现“超出内容长度”错误。

我尝试在 Google 驱动器、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 .

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

这是因为存储库本身的图像没有通过 https://camo.githubusercontent.com/.

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

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

我也 运行 关注这个问题。 Github 将不允许您上传任何超过 10Mb 的内容。但是,他们专门为 audio/video/etc 提供可选的大文件存储服务。这就是你想要的:

lfs-github

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

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