我想把这个gif添加到一个GitHub风味markdown文件。如果不能在GitHub中完成,是否有可能在另一个版本的markdown中完成?
当前回答
只需将gif文件上传到GitHub的基本文件夹中,并编辑README即可。我们就用这个代码
! [] (name-of-giphy.gif)
其他回答
从本地上传:
将您的.gif文件添加到Github存储库的根目录并推送更改。 访问README.md [Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif) 应该会看到Commit和gif。
使用url显示gif:
访问README.md [Alt text](https://sample/url/name-of-gif-file.gif) 应该会看到Commit和gif。
希望这能有所帮助。
吉菲·戈查
在遵循上面列出的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
减价备忘单:
你可以将它添加到你的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)
你可以使用![](任何图片链接)
另外,我建议使用https://stackedit.io/进行markdown格式化,这比记住所有的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" />
收益率:
推荐文章
- 使用pandoc从Markdown转换为PDF时设置空白大小
- 如何显示数学方程在一般github的markdown(不是github的博客)
- 使用Markdown的Sphinx而不是reST
- 降价和图像对齐
- 如何样式一个JSON块在Github维基?
- 标记“本机”文本对齐方式
- Markdown和包括多个文件
- 降价vs加价——它们有关联吗?
- 如何在降价表中编写列表?
- 获得带下划线的文本Markdown
- 我如何测试我的自述。Md文件在提交到github之前会是什么样子?
- 我如何测试我的自述。Md文件在提交到github之前会是什么样子?
- 在Markdown中创建两个空行
- 如何添加脚注到github风味Markdown?
- 如何在GitHub README.md中并排显示图像?