有办法添加一个gif Markdown文件?

我想添加这个gif到一个GitHub风味markdown文件。如果不能在GitHub中完成，是否有可能在另一个版本的markdown中完成?

288085 次浏览
小开

从减记备忘单:

你可以将它添加到你的repo并使用image标签引用它:

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"
< p >内联样式: alt text

< p >参考格式: alt text

你也可以使用url直接:

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)
小开
最佳答案

显示动图需要两件事

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

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

收益率:

alt Text

2-图片url必须以gif结尾

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

alt Text

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

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

小开

Giphy问题

在遵循上面列出的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

小开
  1. 有GIF文件。
  2. 推送GIF文件到你的github回购
  3. 点击该文件在github回购，以获得github地址的GIF
  4. 在你的README文件: 李![alt-text](link) < / >
< p >在下面的例子: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif) < / p >
小开

只要把.gif文件上传到你的GitHub的基本文件夹中，并使用这段代码编辑README.md

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

小开

除以上所有答案外:

如果你想为你的github存储库README使用gif。md和不想从根目录寻址它，如果你只是复制浏览器的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

小开

从本地上传:

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

使用url显示gif:

  1. 访问README.md
  2. 在此格式中添加![Alt text](https://sample/url/name-of-gif-file.gif)
  3. 应该会看到Commit和gif。

希望这能有所帮助。

小开

你可以使用![](任何图片链接)

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

小开

如果你可以提供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"/>
小开

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

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

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

myfile

想要添加的文件

myfile

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

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

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

enter image description here


提交答案