当前位置:  开发笔记 > 编程语言 > 正文

有没有办法将GIF添加到Markdown文件?

如何解决《有没有办法将GIF添加到Markdown文件?》经验,为你挑选了4个好方法。

我想将这个gif添加到GitHub风格的markdown文件中.如果无法在GitHub中完成,是否可以在另一个版本的markdown中执行此操作?



1> Khaled Annaj..:

显示GIF需要两件事

1-在这些示例中使用此语法

![Alt Text](https://img.devbox.cn/3cccf/16086/243/01d99e3f02db9d45.png)

产量:

替代文字

2-图像网址必须以gif结尾

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

替代文字

4-用于调整gif的大小,您可以使用此语法,如此Github教程链接中所示


产量:


因为gif很有趣而赞成
downvoted,因为gif令人沮丧
那个孩子真的很难受.在瓷砖地板上的方式太硬,很可能受到脑损伤或至少是严重的脑震荡.事实上,我打算删除它,因为我认为它令人反感,并用更好的东西取而代之.
@NikKov真实!! 这是一个技术问题.
请注意,如果您的gif太大,则会看到错误的图像框。较小的gif效果很好。
@加蒂我不知道。我认为您需要为此提出一个新问题。

2> erip..:

从Markdown Cheatsheet:

您可以将其添加到您的仓库并使用图片标记引用它:

Inline-style: 
![alt text](https://img.devbox.cn/3cccf/16086/243/01c11a9512977c76.png "Logo Title Text 1")

Reference-style: 
![alt text][logo]

[logo]: https://img.devbox.cn/3cccf/16086/243/01c11a9512977c76.png "Logo Title Text 2"

内嵌式: 替代文字

参考样式: 替代文字


或者,您可以直接使用网址:

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



3> Jordan Arnes..:

吉菲·格查(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



4> Winnie Phan..:

    有gif文件。

    将gif文件推送到您的github存储库

    单击github存储库上的文件以获取gif的github地址

    在您的自述文件中: ![alt-text](link)

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


将它放在`/ img`这样的repo目录中然后使用`![alt text](img / my-image.png)更容易。
推荐阅读
吻过彩虹的脸_378
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有