无法将 imgur 上的 gif 嵌入 github 上的 README.md
Posted
技术标签:
【中文标题】无法将 imgur 上的 gif 嵌入 github 上的 README.md【英文标题】：Unable to embed a gif on imgur to a README.md on github 【发布时间】：2016-10-11 12:59:45 【问题描述】：我想在 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 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 src="http://i.imgur.com/dNYswmI.gif">
【问题讨论】：
GitHub 去除了大量原始 html。您没有使用 Markdown 语法的任何原因：?
我已经按照你说的更新了它，但它也没有。可能是因为这个gif大于10m，github拒绝缓存。 @Waylan
"因为这个 gif 大于 10m：这可能是问题所在。如果是这样，除了使用较小的文件大小之外，您无能为力。
【参考方案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。
【讨论】：
或者使用我在下面提到的他们的大文件存储 我相信，是（括号反了）
限制为 5MB。
@ManuelOtto 他们一定在 2020 年修改了尺寸限制。【参考方案2】：
GitHub确实支持 Imgur 嵌入。确保提供图片扩展名，该扩展名不在 Imgurs 默认共享超链接上。
不好
好
Imgur 还在 MarkDown 链接菜单下提供了这个预格式化的链接，见下图。
另请参阅带有 Imgur 图片的 example readme.md。
【讨论】：
GitHub 现在通过camo.githubusercontent.com 路由所有内容，即使是外部源。共享大于大小限制（我认为是 10MB）的文件会给您带来“超出内容长度”错误。我尝试在 Google Drive、Dropbox、Droplr 上共享它，我自己的服务器都遇到了这个问题，除非文件大小低于 10MB。 在markdown中使用这个。您需要在 URL 之前放置一个感叹号。所以[Imgur](https://imgur.com/63riHy1) 将是【参考方案3】：
它对我有用的方式是使用@williamli 所说的标签
<img src="https://static01.bbi.io/2Wt9Tk.gif"/>
【讨论】：
你能澄清一下：这个 HTML 图像标签是你在 README 中使用的【参考方案4】：如果您将 gif 本身包含在您的存储库中，您仍然可以在 readme.md 中拥有超过 10MB 的 gif。
这是因为来自存储库本身的图像未路由通过 https://camo.githubusercontent.com/.
您可以将 gif 上传到 misc 文件夹并像这样嵌入：
<img src='./misc/your_file.gif'>
【讨论】：
【参考方案5】：我相信从 imgur 链接图像的唯一方法是这样的：
但是（以我的经验）GitHub不支持imgur，不知道有没有其他支持的图片分享服务。
如果您找不到受支持的服务，请执行以下操作作为最后的手段，只留下指向图像的链接：
###Description
A open source player.
### Screenshot
#[Screenshot](http://i.imgur.com/dNYswmI.gif)
【讨论】：
我相信 Github 不支持 imgur 的 gifv 格式 - google.ca/… 这意味着如果您尝试将任何大于 2MB 的 gif 嵌入到 github 上的 README 中，则它不会起作用。【参考方案6】：我也遇到过这个问题。 Github 不允许您上传任何超过 10Mb 的内容。但是，它们提供了一个可选的大文件存储服务，专门用于音频/视频/等。这就是你想要的：
lfs-github
【讨论】：
如果您使用 GitHub LFS，您将免费获得 1GB 的存储空间和 1GB 的大部分带宽传输，之后收费：help.github.com/en/articles/…以上是关于无法将 imgur 上的 gif 嵌入 github 上的 README.md的主要内容，如果未能解决你的问题，请参考以下文章