Zay*_*iwa 184 markdown gif github-flavored-markdown
我想将这个gif添加到GitHub风格的markdown文件中.如果无法在GitHub中完成,是否可以在另一个版本的markdown中执行此操作?
Kha*_*jar 406
显示GIF需要两件事
1-在这些示例中使用此语法

产量:

2-图像网址必须以gif结尾
3-对于后人:如果上面的.gif链接变坏,你将看不到图像,而是看到alt文本和URL,如下所示:

4-用于调整gif的大小,您可以使用此语法,如此Github教程链接中所示
<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" />
Run Code Online (Sandbox Code Playgroud)
产量:
![]()
eri*_*rip 98
您可以将其添加到您的仓库并使用图片标记引用它:
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"
Run Code Online (Sandbox Code Playgroud)
内嵌式:
![]()
参考样式:
![]()

Run Code Online (Sandbox Code Playgroud)
San*_*nam 10
另一种更简单的方法是在浏览器(chrome)中打开 git 存储库,单击编辑 README.md
然后只需从本地计算机磁盘拖放 gif/png/jpeg 文件,文件就会自动上传,链接将放置在 README.md 文件中,如下所示

Run Code Online (Sandbox Code Playgroud)

您要添加的文件


Run Code Online (Sandbox Code Playgroud)
从本地上传:
 /  使用 url 显示 gif:
希望这可以帮助。
吉菲·格查(Giphy Gotcha)
遵循上面列出的2个要求(必须结束.gif并使用图像语法)之后,如果您对giphy的gif遇到麻烦:
确保您具有正确的Giphy网址!您不能只添加.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
下面的例子:

如果您可以提供 SVG 格式的图像(它是一个图标而不是照片),则可以使用 SVG SMIL动画对其进行动画处理,并且 SVG 绝对是 GIF 图像(甚至其他格式)的最佳替代品。
SVG 与其他图像格式一样,可以与标准标记或 HTML 元素一起使用<img>:

Run Code Online (Sandbox Code Playgroud)
<img src="path/in/repository/to/image.svg" width="128"/>
Run Code Online (Sandbox Code Playgroud)
使用 HTML 的img标签,然后给出源 url。
<img src="https://...thumbs-up.gif">
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
92236 次 |
| 最近记录: |