第三方网站的大gif图在github的README.md文件中无法显示?

16

我想在 GitHub 的 README.md 中展示一个 gif 动画。 如果目标 gif 文件比较小,可以使用以下代码:

<img src="targetGifUrl" width="400">

但当gif文件很大时,它并没有像预期那样显示,以这个gif为例。当我将其添加到README.md中时,它只显示:

enter image description here

点击后,它会显示一个带有以下提示的网站:

Content length exceeded

由于gif来自第三方网站,我无法更改其大小。

所以,是否有可能不保存和调整大小就显示这个大gif?

2个回答

22

看起来之前有人遇到过这个问题,

我在Firefox中打开此链接时,只看到文本“Content length exceeded”。

这里是修复该问题的提交记录。

添加本地gif

-![Sample Gif](http://i.imgur.com/______.gif)

+<img src="/art/sample.gif?raw=true" width="200px">

看起来你只需要保存gif并将其放入你的代码仓库,无需调整大小,只需链接到你的仓库中的版本。注意指定了宽度,以及包含参数raw=true


2
如果gif文件很大,比如5m,我不想将这样大的文件放入我的代码库中,如果有其他方法的话。 - AssIstne
@AssIstne,你可以在imgur上托管一个更小、调整大小的版本。不过我会再想想有没有更好的方法。 - Noam Hacker

1
将Gif文件放在您的git仓库本地目录中。然后在readme文件中调用它。
例如,如果您刚刚在根目录下创建了一个名为demo的文件夹,并在其中放置了demo.gif。那么您可以像这样在readme文件中调用它。
![Demo File](https://github.com/username/repo-name/blob/master/demo/demo.gif)

例如:

![Screenshot](https://github.com/codemaker2015/React-native-map-view/blob/master/demo/demo.gif)

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接