【问题标题】:Big gif from a third party site does not show in the README.md of github?来自第三方网站的大 gif 没有显示在 github 的 README.md 中?
【发布时间】:2020-12-25 23:48:46
【问题描述】:

我想在 github 的 README.md 中显示一个 gif。 当目标 gif 较小时,它可以正常工作:

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

但是当 gif 很大时,它没有按预期显示,以这个gif 为例。当我将它添加到 README.md 中时,它只显示:

点击后会显示一个带有tip的网站

超出内容长度

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

那么,是否可以在不保存和调整大小的情况下显示这个大 gif?

【问题讨论】:

    标签: github readme


    【解决方案1】:

    someone else 之前好像遇到过这个问题,

    当我在 Firefox 中打开此链接时,我只收到“超出内容长度”的文本。

    here 是修复它的提交。

    在本地添加 gif

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

    +&lt;img src="/art/sample.gif?raw=true" width="200px"&gt;

    看起来您所要做的就是保存 gif 并将其放入存储库中,无需调整大小,只需链接到存储库中的版本即可。注意宽度是如何指定的,raw=true 是一个包含的参数。

    【讨论】:

    • 如果 gif 很大,例如 5m,如果有其他方法,我不想将这么大的文件放入我的存储库中。
    • @AssIstne 你总是可以在 imgur 上托管一个更小、调整大小的版本。不过我看看能不能想出更好的办法
    【解决方案2】:

    将 Gif 文件放在 git repo 的本地目录中。然后在自述文件中调用它。

    例如,如果您刚刚在根目录中创建了一个名为 demo 的文件夹,并将 demo.gif 放入其中。然后你可以像这样在你的自述文件中调用它。

    ![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)
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-20
      • 1970-01-01
      • 2012-08-08
      • 1970-01-01
      • 1970-01-01
      • 2014-08-08
      相关资源
      最近更新 更多