当前位置:   article > 正文

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

github怎么在readme加视频

最近需要再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
  • 1
  • 2
  • 3

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

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

在这里插入图片描述

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

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

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

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

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

如下图所示:

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

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

 git add .
 git commit -m "Update README and ADD gif"
 git push
  • 1
  • 2
  • 3

在这里插入图片描述

最终的效果如下图所示:

请添加图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/399125
推荐阅读
相关标签
  

闽ICP备14008679号