显示动图需要两件事

1-使用这些例子中的语法

![替代文本]（https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif）

收益率:

2-图片url必须以gif结尾

3-为了子孙后代:如果上面的。gif链接坏了，你将看不到图像，而是看到alt-text和URL，就像这样:

4-为了调整gif大小，你可以使用这个语法，就像在这个Github教程链接

<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" />

收益率:

使用HTML的img标签，然后给出源url。

<img src="https://...thumbs-up.gif">

从本地上传:

将您的.gif文件添加到Github存储库的根目录并推送更改。 访问README.md [Alt text](name-of-gif-file.gif) /  应该会看到Commit和gif。

使用url显示gif:

访问README.md [Alt text](https://sample/url/name-of-gif-file.gif) 应该会看到Commit和gif。

希望这能有所帮助。

将url从

https://github.com/nikhith265/submit_button_group/blob/master/attachments/gif/sample_gif.gif

to

https://raw.githubusercontent.com/nikhith265/submit_button_group/298c26b5a3fcfe936f16deef0e8712c2fdc1b635/attachments/gif/sample_gif.gif

注意:确保从url中删除/blob

然后使用img标签，如下所示将gif添加到。md

<img src="https://raw.githubusercontent.com/nikhith265/submit_button_group/298c26b5a3fcfe936f16deef0e8712c2fdc1b635/attachments/gif/sample_gif.gif" alt="gif" width="300" height="540">

吉菲·戈查

在遵循上面列出的2个要求之后(必须以.gif结尾，并使用图像语法)，如果你在使用来自giphy的gif时遇到问题:

请确保您有正确的giphy url!你不能只是在这个文件的末尾加上。gif就能让它工作。

如果你只是从浏览器复制url，你会得到类似这样的东西:

https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo

你需要点击“复制链接”，然后专门抓取“GIF链接”。注意正确的指向media.giphy.com而不是仅仅指向giphy.com:

https://media.giphy.com/media/QfsvYoBSSpfbtFJIVo/giphy.gif

如果您可以提供SVG格式的图像(它是一个图标而不是照片)，则可以使用SVG SMIL动画对其进行动画处理，SVG绝对是GIF图像(甚至其他格式)的最佳替代方案。

与其他图像格式一样，SVG可以与标准标记或HTML <img>元素一起使用:

![image description](path/in/repository/to/image.svg)

<img src="path/in/repository/to/image.svg" width="128"/>