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


当前回答

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

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

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

想要添加的文件

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

其他回答

减价备忘单:

你可以将它添加到你的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"

内联样式:

参考格式:


或者,您可以直接使用url:

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.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">

显示动图需要两件事

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" />

收益率:

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

有GIF文件。 推送GIF文件到你的github回购 点击该文件在github回购,以获得github地址的GIF 在你的README文件中: ! [alt文本](链接)

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