经常可以看到许多大牛的csdn博客和github的readme文件中有项目演示的动画,可以通过它可以直观的看到demo的效果.其实那是一张gif的图片,本片博客就介绍一下如何制作gif图片和上传gif图片到csdn博客和github
1.首先制作gif图片
gif图片的制作可以有以下方法:
-
- 通过AS自带的录屏功能,
虚拟机的版本要在4.4以上才可以使用AS自带的录屏功能,但是本人用4.4以上的虚拟机不能录制,只有连接真机(4.4)才可以录制.录制好以后,将MP4视频文件转换为gif图片
- 通过AS自带的录屏功能,
-
- 通过第三方录屏工具
如:录屏大师软件(自己试过了,许多都不能用);
有些模拟器(夜神新版本的模拟器)自带录屏功能,在模拟器的右边菜单栏,点击录制即可.同样,将录制MP4视频文件转换为gif图片(验证有效)
- 通过第三方录屏工具
录屏的方法见博客:http://www.voidcn.com/blog/WX_LYB/article/p-6217568.html
在线转换图片的网站:http://ezgif.com/video-to-gif
2.上传gif图片到csdn博客
如上图点击红色方框,可以直接上传图片到博客中,但是最大只支持2M(基本上也够用了)
3. 上传gif图片到github的readme文件中
首先在github中创建一个readme文件,然后按照下图操作即可显示gif图片
扩展:
给readme文件添加代码块
我们需要在代码的上一行和下一行用` “ 标记。不是三个单引号,而是数字1左边,Tab键上面的键。要实现语法高亮那么只要在
之后加上你的编程语言即可(忽略大小写)。c++语言可以写成c++也可以是cpp。看代码:
更详细的说明见博客:
http://46aae4d1e2371e4aa769798941cef698.devproxy.yunshipei.com/zsk_zane/article/details/47205403