我想将这个动画GIF添加到一个GitHub风格的markdown文件中。如果在GitHub上无法实现，是否可以在另一个版本的Markdown中实现？
有没有办法在Markdown文件中添加动态GIF图像？
458
- Zaynaib Giwa
1
可能是重复的问题：如何在GitHub存储库的README中添加屏幕截图？ 或者 在GitHub上将图片添加到README.md文件中。 - Michael Recachinas
13个回答
951
显示gif需要两个步骤：
1- 使用以下语法，例如这些示例
结果为:
2- 图片URL必须以gif结尾
3- 为了保留图片，如果上面的.gif链接失效，你将看到替代文本和URL，如下所示：
4- 要调整gif大小，可以使用此语法，例如Github教程链接
<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" />
产出:
。- Khaled Annajar
6
14请注意，如果您的gif文件过大，将会显示一个糟糕的图像框。较小的gif文件则可以正常使用。 - Shubham Chaudhary
2@jibeeeee 感谢“Rick supports Monica”用户。他是添加猫图像的人。 - Khaled Annajar
1就我所知，即使文件URL没有以.gif结尾，我仍然可以将GitHub托管的gif添加到GitHub要点中。 - savinola
@savinola 很好，也许情况已经改变了，我不确定。当我写这个答案时是那样的。 - Khaled Annajar
似乎我遇到了一个有趣的问题，它完全不起作用！不过如果我换成另一张gif图像就可以工作。 - Dave
2就这样，这只猫成为了全球最受欢迎的占位符 GIF。 - pitamer
134
您可以将其添加到您的 repo 中，并使用图像标签引用它：
Inline-style:
Reference-style:
![alt text][logo]
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"
内联样式：
参考样式：
或者你可以直接使用URL：
- erip
33
- 有一个gif文件。
- 将gif文件推送到您的github仓库中。
- 在github仓库中单击该文件以获取gif的github地址。
- 在README文件中：
以下是示例:
- Nhu Phan
1
18最好将其放到仓库目录中，例如
/img，然后使用 。 - Braden Best27
只需将 .gif 文件上传到 GitHub 的基本文件夹中，然后编辑 README.md。只需使用此代码：
- Vishal Shelake
13
本地上传:
- 将您的 .gif 文件添加到 Github 仓库的根目录，并推送更改。
- 进入 README.md
- 添加这个
 /  - 提交后，gif 应该可以被看到。
使用url显示 gif:
- 进入 README.md
- 按以下格式添加
 - 提交后，gif 应该可以被看到。
希望这有所帮助。
- Sumit
1
这将会向代码库添加一个二进制文件，增加仓库大小。 - Manoj
12
Giphy Gotcha
在遵循上述两个要求（必须以.gif结尾并使用图像语法）后，如果你在使用来自Giphy的gif时遇到问题：
请确保您拥有正确的Giphy网址！您不能只是在这个网址末尾添加.gif就让它起作用。
如果您只是从浏览器中复制网址，那么您将获得类似于以下的内容：
https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo
相反，您需要点击“复制链接”，然后获取特定的“GIF链接”。 注意正确的链接指向media.giphy.com而不仅仅是 giphy.com ：
- Jordan Arnesen
9
另一种更简单的方法是在浏览器(chrome)中打开你的git存储库，点击编辑README.md
然后只需从本地机器磁盘拖放你的gif/png/jpeg文件，文件将自动上传，并在README.md文件中放置链接，如下所示。
您想要添加的文件
不可以，这个不能添加。
- Santosh Karanam
5
使用HTML的img标签，然后提供一个源URL。
<img src="https://...thumbs-up.gif">
- Njuguna_nc
5
如果您可以提供您的图像以SVG格式（它是一个图标而不是照片），那么它可以使用SVG SMIL动画进行动画处理，SVG绝对是GIF图像（甚至其他格式）的更好选择。
与其他图像格式一样，SVG可以与标准标记或HTML <img>元素一起使用：
<img src="path/in/repository/to/image.svg" width="128"/>
- Mahozad
2
除了以上所有答案之外：
如果您想在GitHub存储库的README.md中使用gif并且不想从根目录中引用它，那么仅仅复制浏览器的URL是不够的。例如，您的浏览器URL可能如下所示：
https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif
但是您应该在GitHub帐户中打开gif，右键单击它并点击“复制图像地址”或类似的选项，该选项应该长这样：
https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true
如果您想在GitHub存储库的README.md中使用gif并且不想从根目录中引用它，那么仅仅复制浏览器的URL是不够的。例如，您的浏览器URL可能如下所示：
https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif
但是您应该在GitHub帐户中打开gif，右键单击它并点击“复制图像地址”或类似的选项，该选项应该长这样：
https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true
- TechDogLover OR kiaNasirzadeh
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接