如何在Github上面上传Gif效果图

其实很简单哈。

Step1. 用QuickTimer录屏得到一个MOV文件
Step2. 用转换软件将MOV转换成Gif
Step3. 将Gif 和你的工程代码一起上传到Github，这时候你就有图片的地址啦
Step4. 修改俺们的README文件，用

![image](https://github.com/Yesi-hoang/TaoBaoTopLine/blob/master/Gif/TaoBaoTopLineGif.gif)

包含我们的地址就OK啦
🤓

现在我们来详细做一遍吼吼吼

S T E P O N E:
1.1 打开 QuickTimer

Snip20160401_84.png

辅助点按选择 新建屏幕录制

Snip20160401_85.png

介时候出来个小框框 点击红红的按钮就可以录制屏幕

Snip20160401_87.png

点击红红按钮之后就可以选择我们要录制屏幕的范围了 我用模拟器运行下小demo 就框模拟器喽

Snip20160401_89.png

点击开始录制，这下真的开始录了

Snip20160401_90.png

停止的话 右上角点击那个方框框

Snip20160401_93.png

保存一下就得到MOV文件啦

S T E P T W O
将MOV转换成Gif
方法1：http://www.jianshu.com/p/27ec6375b8ab?utm_campaign=maleskine&utm_content=note&utm_medium=pc_author_hots&utm_source=recommendation
http://www.jianshu.com/p/27ec6375b8ab?utm_campaign=maleskine&utm_content=note&utm_medium=pc_author_hots&utm_source=recommendation
方法2：使用Photoshop

S T E P T H R E E
上传到Github
这个简单 在你本地的工程中多建一个文件夹，比如就叫Gif ，然后把我们的Gif图拖进去，然后（我使用的GitHub Desktop）直接上传。

S T E P F O U R
现在看看我们在Github网站上已经可以找到这张图了打开它复制它的地址。
然后编辑我们的README文件，在需要插入图片的地方写上这么一句

Snip20160406_96.png

保存 commit就OK！