最近需要再github中上傳項目的源代碼,應導師的要求,需要再README中加入對實驗視頻的展示,但是github的README.md其實就是一個markdown文件,據我的理解這個文件里應該無法直接插入視頻吧?(如果后續有辦法直接插入視頻再補充吧)
但是markdown文件里是可以插入動圖的呀,所以我暫且將視頻轉換為gif動圖并插入到README.md中,下面記錄一下整個過程。
先附上最終的效果:
文章目錄
- 1、將要展示的視頻轉換為gif文件
- 2、將gif動畫文件上傳到github
- 3、在README.md中插入gif鏈接
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
最終的效果如下圖所示: