有没有办法将 gif 添加到 Markdown 文件？
Posted
技术标签:
【中文标题】有没有办法将 gif 添加到 Markdown 文件？【英文标题】：Is there a way to add a gif to a Markdown file? 【发布时间】：2016-03-24 08:20:29 【问题描述】：我想将此 gif 添加到 GitHub 风格的降价文件中。如果在 GitHub 中做不到，是否可以在其他版本的 markdown 中做？
【问题讨论】：
How to add screenshot to READMEs in github repository ? 或 Add images to README.md on github 的可能重复 【参考方案1】：显示 gif 需要两件事
1- 使用 these examples 中的语法
产量：
2- 图片url必须以gif结尾
3- 对于后代：如果上面的 .gif 链接坏了，您将看不到图像，而是看到 alt-text 和 URL，如下所示：
4- 要调整 gif 的大小，您可以使用此语法，如 Github tutorial link
<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" />
产量：
【讨论】：
请注意，如果您的 gif 太大，您会看到一个坏的图像框。较小的 gif 也可以。 在 SO 中给出的最愉快的答案 ? @jibeeeee 感谢“Rick 支持 Monica”用户。他是添加猫形象的人 fwiw，即使文件 url 没有以 .gif 结尾，我也能够将 GitHub 托管的 gif 添加到 GitHub gist 中 就这样，这只猫成为了全球最受欢迎的占位符 gif【参考方案2】：来自Markdown Cheatsheet：
您可以将其添加到您的 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"
内联样式：
参考风格：
您也可以使用the url directly:
【讨论】：
【参考方案3】：-
有 gif 文件。
将 gif 文件推送到您的 github 存储库
点击 github repo 上的那个文件来获取 gif 的 github 地址
在您的 README 文件中：
下面的例子：
【讨论】：
将它放在像/img这样的repo目录中然后使用会更容易【参考方案4】：
只需将 .gif 文件上传到 GitHub 的基本文件夹并编辑 README.md 即可使用此代码
【讨论】：
【参考方案5】：Giphy 陷阱
遵循上面列出的 2 个要求（必须以 .gif 结尾并使用图像语法）后，如果您在使用来自 giphy 的 gif 时遇到问题：
确保您拥有正确的 giphy 网址！ 你不能只是将.gif 添加到这个末尾并让它工作。
如果你只是从浏览器复制网址，你会得到类似的东西：
https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo
您需要点击“复制链接”，然后专门抓取“GIF 链接”。注意正确的指向media.giphy.com 而不是giphy.com：
https://media.giphy.com/media/QfsvYoBSSpfbtFJIVo/giphy.gif
【讨论】：
【参考方案6】：从本地上传：
-
将您的 .gif 文件添加到 Github 存储库的根目录并推送更改。
转到 README.md
添加此
 / 
应该可以看到提交和 gif。
使用 url 显示 gif：
-
转到 README.md
以这种格式添加
应该可以看到提交和 gif。
希望这会有所帮助。
【讨论】：
【参考方案7】：另一种更简单的方法是在浏览器（chrome）中打开你的 git 存储库，点击编辑 README.md
然后只需从本地机器磁盘拖放您的 gif/png/jpeg 文件，文件将自动上传，链接将放在 README.md 文件中，如下所示
你想添加的文件
【讨论】：
【参考方案8】：如果您可以提供 SVG 格式的图像，并且如果它是图标而不是照片，那么它可以使用 SMIL 动画制作动画，那么 SVG 绝对是 GIF 图像（甚至其他格式）的最佳替代品.
SVG 与其他图像格式一样，可以与标准标记或 html <img> 元素一起使用：
<img src="the_path_to/image.svg" />
【讨论】：
【参考方案9】：您可以使用 ![ ]（图片的任何链接）
另外我建议使用https://stackedit.io/ 进行降价格式化，并且比记住所有降价语法容易得多
【讨论】：
【参考方案10】：除了以上所有答案：
如果你想为你的 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
【讨论】：
【参考方案11】：使用 img 标签然后给出一个源 url。
<img src="https://...thumbs-up.gif">
【讨论】：
以上是关于有没有办法将 gif 添加到 Markdown 文件？的主要内容，如果未能解决你的问题，请参考以下文章
有没有办法使用 ffmpeg 将 GIF 的所有帧保存到 PNG 中？
javascript有没有办法检查一个gif在页面上循环了多少次？
如何在Markdown（README.md）中使用Github按钮