本文共 1569 字，大约阅读时间需要 5 分钟。

依次执行以下命令

npm install gulp

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

站点的根目录下新建gulpfile.js：

var gulp = require('gulp');var minifycss = require('gulp-minify-css');var uglify = require('gulp-uglify');var htmlmin = require('gulp-htmlmin');var htmlclean = require('gulp-htmlclean');var imagemin = require('gulp-imagemin'); // 压缩htmlgulp.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'))});// 压缩cssgulp.task('minify-css', function() {
       return gulp.src('./public/**/*.css')        .pipe(minifycss({
               compatibility: 'ie8'        }))        .pipe(gulp.dest('./public'));});// 压缩jsgulp.task('minify-js', function() {
       return gulp.src('./public/js/**/*.js')        .pipe(uglify())        .pipe(gulp.dest('./public'));});// 压缩图片gulp.task('minify-images', function() {
       return gulp.src('./public/images/**/*.*')        .pipe(imagemin(        [imagemin.gifsicle({
   'optimizationLevel': 3}),         imagemin.jpegtran({
   'progressive': true}),         imagemin.optipng({
   'optimizationLevel': 7}),         imagemin.svgo()],        {
   'verbose': true}))        .pipe(gulp.dest('./public/images'))});// 默认任务gulp.task('default', [    'minify-html','minify-css','minify-js','minify-images']);

最后更新命令是：

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

学如逆水行舟，不进则退

转载地址：http://oflbf.baihongyu.com/