Posted by & filed under 技术, 站长心得.

让博客生动形象的方式是图文并茂,更生动形象的方式就是放上动图。比如GIF动图。为此专门进行了一番搜索,发现了Ubuntu下有个叫做byzanz的制作GIF的软件。

byzanz安装:

sudo apt-get install byzanz

byzanz有两个命令:

  • byzanz-record
  • byzanz-playback

第一个就是录像的,第二个就是回放用的。

来篇使用参考教程:Make Animated GIF Screencasts Easily With Byzanz

因为这个是命令行工具,而且其中需要指定录像区域的坐标这些参数,但是你不可能那么清楚吧,有什么好的方式能获取到要录像区域的屏幕范围呢?Ubuntu下还有一个叫做xdotool,可以获取到当前鼠标位置,这样一来,你就可以算出你要录像区域的坐标位置了。

安装xdotool:

sudo apt-get install xdotool

命令行输入:

 xdotool getmouselocation

把鼠标移到要录入的位置,然后敲击回车确认命令,显示如下:

x:872 y:588 screen:0 window:71303347

其中就可以知道x和y的坐标,进而获得byzanz-record需要的参数。

制作gif:

 byzanz-record --duration=5 --x=65 --y=55 --width=300 --height=100 sk.gif

参数分别是录制时间,起始的x和y坐标,区域宽度和高度,输出格式。
可以用火狐浏览器查看,命令行输入:

firefox sk.gif

下面是我生成的gif效果图:

哈哈

如何在CSDN博客插入GIF动图

最后说下怎么在CSDN博客中插入GIF动图,其实很简单。把GIF图上传到相册,然后获取图片的地址。在博客中上传图片中直接粘贴地址就可以了。