利用gulp压缩代码

---

右键查看网页源代码发现有大量留白，怎么办？利用gulp压缩。

首先任意目录全局安装：

npm install gulp -g

然后到站点文件夹目录：

npm install gulp gulp-minify-css gulp-htmlmin gulp-htmlclean --save

接着在站点文件夹根目录新建gulpfile.js:

var gulp = require('gulp');
var minifycss = require('gulp-minify-css');
var htmlmin = require('gulp-htmlmin');
var htmlclean = require('gulp-htmlclean');
gulp.task('minify-css', function() {
    return gulp.src('./public/**/*.css')
        .pipe(minifycss())
        .pipe(gulp.dest('./public'))
});
gulp.task('minify-html', function() {
  return gulp.src('./public/**/*.html')
    .pipe(htmlclean())
    .pipe(htmlmin({
         removeComments: true,
         minifyJS: true,
         minifyCSS: true,
         minifyURLs: true
    }))
    .pipe(gulp.dest('./public'))
});
gulp.task('default', ['minify-html', 'minify-css']);

最后部署到Github Pages上查看效果：

hexo clean && hexo g && gulp && hexo d