gulp加速hexo的yelee主题

 

gulp有两个版本:
CLI version和Local version

 

apt install install gulp（这个是安装CLI version的）

如果是4以上那么进行降维：

npm config set registry http://registry.cnpmjs.org

npm install gulp@3.8.11 --save（这个是用来安装Local version的）

然后gulp  -v看下版本，

npm install gulpnpm 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');// 压缩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')) }); // 压缩css gulp.task('minify-css', function() {return gulp.src('./public/**/*.css').pipe(minifycss({compatibility: 'ie8'})).pipe(gulp.dest('./public')); }); // 压缩js gulp.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' ]);

如果非要使用gulp版本4的话，那么可以参考[2]

最后更新命令是：
hexo clean && hexo g && gulp && hexo d

 

 

参考文献：

[1]https://blog.csdn.net/jinggege0818/article/details/82461795

[2]https://master.compassionate-raman-1e7f63.netlify.com/posts/74d69307.html

总结

以上是生活随笔为你收集整理的gulp加速hexo的yelee主题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。