无法将imgur上的gif嵌入到github的README.md文件中

Question

无法将imgur上的gif嵌入到github的README.md文件中

14

我想在README.md中展示一个较大的gif图。首先，我将它上传到imgur。然后，我在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">

- Zen

GitHub会过滤掉很多原始的HTML代码。你为什么不使用Markdown语法呢：![YAP](http://i.imgur.com/dNYswmI.gif)？ - Waylan

我按照你说的更新了，但还是不行。可能是因为这个gif文件大于10m，github拒绝缓存它。@Waylan - Zen

因为这个 GIF 文件大于 10MB，这很可能是问题所在。如果是这样的话，除了使用更小的文件大小之外，你无法做任何事情。 - Waylan

6个回答

19

GitHub支持Imgur嵌入。请确保提供图像扩展名，该扩展名不在Imgur默认的共享超链接中。

BAD

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

好的

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

Imgur也在Markdown链接菜单下提供了此预格式化链接，如下图所示。

另请参见带有Imgur图片的示例readme.md。

- Joseph Lust

2

GitHub现在将所有内容都通过https://camo.githubusercontent.com/进行路由，即使是外部来源也是如此。分享一个大于大小限制（我认为是10MB）的文件会导致“内容长度超过”错误。我尝试在Google Drive、Dropbox、Droplr和我的自己的服务器上分享它们，但除非文件大小低于10MB，否则都会遇到这个问题。 - williamli

在Markdown中使用此功能，您需要在URL前面放置一个感叹号。因此，[Imgur](https://imgur.com/63riHy1)将变为![Imgur](https://imgur.com/63riHy1)。 - Joshua

3

在我看来，像@williamli所说，使用标签是可行的。

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

- lavaldi

你能否澄清一下：这个HTML图像标签是你在README中使用的吗？ - Michael Nelles

2

你仍然可以在readme.md中拥有一个10MB以上的gif，如果您将gif文件本身包含在存储库中，这是因为来自存储库本身的图像不会通过https://camo.githubusercontent.com/。

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

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

- Atnas

1

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

- Diego Eann

4

我认为Github不支持imgur的gifv格式 - https://www.google.ca/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjag9Wm6s_UAhVE-mMKHZReAFAQFggoMAA&url=https%3A%2F%2Fhelp.imgur.com%2Fhc%2Fen-us%2Farticles%2F208606616-What-is-GIFV-&usg=AFQjCNECe0QWcK--uHnCdpJr6aeJaLFrRA这意味着如果你尝试在Github的README中嵌入大于2MB的gif图像，它将无法正常工作。 - Frikster

0

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

lfs-github

- CreationTribe

如果您使用GitHub LFS，则可以免费获得1GB的存储空间和1GB的带宽传输，超出部分将收取费用：https://help.github.com/en/articles/about-billing-for-git-large-file-storage - williamli

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- williamli · Accepted Answer

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