有没有办法将 gif 添加到 Markdown 文件？

显示 GIF 需要两件事

1- 使用此语法，如 these examples

![Alt Text](https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif)

产量：

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

2- 图片网址必须以 gif 结尾

3- 对于后代：如果上面的 .gif 链接坏了，您将看不到图像，而是看到 alt-text 和 URL，如下所示：

https://example.com/OUkLi.gif

4- 要调整 gif 的大小，您可以使用此语法，如 Github tutorial link

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

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

---

从 Markdown Cheatsheet：

您可以将其添加到您的存储库并使用图像标签引用它：

Inline-style: 
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1")

Reference-style: 
![alt text][logo]

[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"

https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png

https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png

或者，您可以使用 the url directly：

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)

---

有gif文件。将 gif 文件推送到您的 github 存储库 单击 github 存储库上的该文件以在您的 README 文件中获取 gif 的 github 地址：

下面的示例：![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)

---

只需将 .gif 文件上传到 GitHub 的基本文件夹并编辑 README.md 即可使用此代码

![](name-of-giphy.gif)

---

吉菲陷阱

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

确保您拥有正确的 giphy 网址！ 您不能只是将 .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

---

从本地上传：

将您的 .gif 文件添加到 Github 存储库的根目录并推送更改。转到 README.md 添加这个  /  提交，应该可以看到 gif。

使用 url 显示 gif：

转到 README.md 以这种格式添加！[Alt text](https://sample/url/name-of-gif-file.gif) 提交，应该会看到 gif。

希望这可以帮助。

---

另一种更简单的方法是在浏览器（chrome）中打开您的 git 存储库，单击编辑 README.md

然后只需从本地机器磁盘拖放您的 gif/png/jpeg 文件，文件将自动上传，链接将放在 README.md 文件中，如下所示

![myfile](https://user-images.githubusercontent.com/52455330/139071980-91302a8a-37b1-4196-803e-f91b1de2ee5b.gif)

https://user-images.githubusercontent.com/52455330/139071980-91302a8a-37b1-4196-803e-f91b1de2ee5b.gif

您要添加的文件

https://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif

![myfile](https://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)

---

如果您可以提供 SVG 格式的图像，并且它是图标而不是照片，因此可以使用 SMIL 动画制作动画，那么 SVG 绝对是 GIF 图像（甚至其他格式）的最佳替代品。

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

![image description](the_path_to/image.svg)

<img src="the_path_to/image.svg" width="128"/>

---

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

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

https://i.stack.imgur.com/XGlad.gif

---

你可以使用！[]（图像的任何链接）

另外我建议使用 https://stackedit.io/ 进行降价格式化，并且比记住所有降价语法要容易得多

---

除了以上所有答案：

如果您想为您的 github 存储库 README.md 使用 gif 并且不想从根目录中对其进行寻址，那么仅复制浏览器的 url 是不够的，例如您的浏览器 URL 是这样的：

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif

但是您应该在您的 github 帐户中打开您的 gif，然后右键单击它并单击 copy image address 或类似这样的东西：

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true

---