我想把这个gif添加到一个GitHub风味markdown文件。如果不能在GitHub中完成,是否有可能在另一个版本的markdown中完成?
当前回答
显示动图需要两件事
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" />
收益率:
其他回答
有GIF文件。 推送GIF文件到你的github回购 点击该文件在github回购,以获得github地址的GIF 在你的README文件中: ! [alt文本](链接)
在下面的例子: ! [grab-landing-page] (https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)
除以上所有答案外:
如果你想为你的github存储库README使用gif。md并且不想从根目录寻址它,如果你只是复制浏览器的url是不够的,例如你的浏览器url是:
https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif
但你应该在你的github账户中打开你的GIF,右键点击它,然后点击复制图像地址或类似的东西,就像这样:
https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true
将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">
使用HTML的img标签,然后给出源url。
<img src="https://...thumbs-up.gif">
另一种更简单的方法是在浏览器(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)
推荐文章
- 使用pandoc从Markdown转换为PDF时设置空白大小
- 如何显示数学方程在一般github的markdown(不是github的博客)
- 使用Markdown的Sphinx而不是reST
- 降价和图像对齐
- 如何样式一个JSON块在Github维基?
- 标记“本机”文本对齐方式
- Markdown和包括多个文件
- 降价vs加价——它们有关联吗?
- 如何在降价表中编写列表?
- 获得带下划线的文本Markdown
- 我如何测试我的自述。Md文件在提交到github之前会是什么样子?
- 我如何测试我的自述。Md文件在提交到github之前会是什么样子?
- 在Markdown中创建两个空行
- 如何添加脚注到github风味Markdown?
- 如何在GitHub README.md中并排显示图像?