基于Hexo的github pages博客搭建|gulp压缩代码

安装gulp插件

    > npm install gulp --save
    > npm install gulp -g
    > npm install gulp-minify-css --save
    > npm install gulp-uglify --save
    > npm install gulp-htmlmin --save
    > npm install gulp-htmlclean --save

新建压缩脚本

在博客根目录新建文件gulpfile.js,内容如下:

var gulp = require('gulp');

//Plugins模块获取
var minifycss = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var htmlmin = require('gulp-htmlmin');
var htmlclean = require('gulp-htmlclean');

// 压缩 public 目录 css文件
gulp.task('minify-css', function () {
    return gulp.src('./public/**/*.css')
        .pipe(minifycss())
        .pipe(gulp.dest('./public'));
});

// 压缩 public 目录 html文件
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'))
});

// 压缩 public/js 目录 js文件
gulp.task('minify-js', function () {
    return gulp.src('./public/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('./public'));
});


// 执行 gulp 命令时执行的任务
gulp.task('default', [
    'minify-html', 'minify-css', 'minify-js'
]);

运行

    > hexo clean //先清除public目录
    > hexo g     //生成发布文件
    > gulp       //压缩代码
    > hexo d     //发布

查看原文  访问源站查看更多文章