作为一名小前端，对于页面的优化肯定是有追求的。本文将利用gulp来压缩hexo生成的文件，并利用npm命令自动部署我们的博客。

添加gulp

首先你需要全局安装gulp: npm install -g gulp。

前几天公司一个同事说了gulp用着太爽了，比grunt语法好很多。然后就猴急的尝试了下，并在公司之前的一个项目上做了实验。觉得有下面几点优点：

• 更像是就是js语法，写起来很顺
• 代码执行顺序更清晰
• 代码量更少，主要是因为grunt各种大小括号换行导致其看起来很臃肿。
• gulp.watch 太好用了。。

当然有几点grunt也是有优点，比如本省就支持在代码上面添加banner，但是gulp需要使用插件。

最后，推荐小伙伴也尝试着去使用gulp。下面是我自己的一些笔记。

gulp常用插件

• less的编译gulp-less
• 自动添加css前缀gulp-autoprefixer
• 压缩cssgulp-minify-css
• js代码校验gulp-jshint
• 给代码头部添加公司等之类的注释 gulp-header
• 替换文本，用于修改版本号之类的 gulp-replace
• 合并js文件gulp-concat
• 压缩js代码gulp-uglify
• 压缩图片gulp-imagemin
• 自动刷新页面gulp-livereload
• 图片缓存，只有图片替换了才压缩gulp-cache
• 更改提醒gulp-notify
• 清除文件del

安装插件和grunt一样就用npm了，不啰嗦。