在github的README.md中插入视频;在github的README.md中添加gif演示动画

最近需要再github中上传项目的源代码,应导师的要求,需要再README中加入对实验视频的展示,但是github的README.md其实就是一个markdown文件,据我的理解这个文件里应该无法直接插入视频吧?(如果后续有办法直接插入视频再补充吧)

但是markdown文件里是可以插入动图的呀,所以我暂且将视频转换为gif动图并插入到README.md中,下面记录一下整个过程。

先附上最终的效果:

请添加图片描述

1、将要展示的视频转换为gif文件

下面介绍一种免费将视频转换为gif的方法,该方法可能随时失效,如果能用就且用且珍惜,如果不能用,那就换其他办法将视频转换为gif即可。

点击以下链接 https://tinywow.com/video/to-gif打开转换工具
在这里插入图片描述

点击Upload from PC or Mobile,然后选择需要转换的视频文件,文件上传过程以及上传完成后如下图所示:

在这里插入图片描述

在这里插入图片描述

然后对需要生成的gif格式进行设置,如果想要gif更流程,那就将Frame rate设置的高一些,比如我就设置成了20,如下图所示:
在这里插入图片描述

点击Convert后就对视频进行gif转换了,如下图所示:

在这里插入图片描述

转换完成后,点击Download即可将gif文件下载到本地,如下图所示:
在这里插入图片描述

2、将gif动画文件上传到github

我的window笔记本上已经安装了git工具,且通过git clone命令将我github上的目标工程克隆到了本地,所以我直接把刚刚生成好的文件复制到该目录即可,如下图所示:

在这里插入图片描述

然后通过以下三条指令,将gif文件上传到github中,

 git add .
 git commit -m "Update README and ADD gif"
 git push

在这里插入图片描述
上传成功后,在github中我们就可以看到刚刚上传的gif文件了,如下图所示:

在这里插入图片描述
然后打开该文件,复制该文件的链接,如下图所示

在这里插入图片描述

3、在README.md中插入gif链接

在本地项目文件夹中打开README.md文件,然后将gif链接添加进去,至于添加的位置,我们想在哪个位置展示该gif图片就插入在哪个位置即可,

添加gif图片的代码按照以下格式构成:

![图片描述](图片链接)

其实这就是markdown文件标准的插入图片的代码,经常写博客的同学应该很熟悉;

如下图所示:

在这里插入图片描述
保存该文件的修改,退出;

最后将修改后的README.md文件上传到github上,重复以下三条命令:

 git add .
 git commit -m "Update README and ADD gif"
 git push

在这里插入图片描述

最终的效果如下图所示:

请添加图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乘凉~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值