?

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主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。