哈哈,真是越来越慢了呢……(😊
本文关于hexo-offline-popup、gulp4。效果……有确实是有的……
这类教程文章真的很多,我不多介绍,可以参考下面的文章(精挑细选!)
第一篇文章关于hexo-offline-popup,完全照做即可。
第二篇文章关于gulp4和hexo-neat,这俩是同类型的东西,我不确定能否同时使用,我只使用了gulp4。
对这篇文章做一些小的补丁:
1
文中 0x02
- 2.安装gulp插件
中,注释部分可以先不用管。
2
3.部署执行
中 package.json
文件指博客根目录下的。
3
解决方法2:
继续方法1 安装 babel 模块
这部分中,要与我们上文跳过的 0x02
- 2.安装gulp插件
中的注释部分结合着看,这里面提到的都要装,但:
#问题:如果安装gulp-imagemin错误请执行以下语句
#sudo npm i gulp-imagemin --unsafe-perms
除外。遇到装不上gulp-imagemin的问题才要装。
然后是关于作者的 gulpfile.js文件
一些说明。
4
gulp.task('minify-js', function () {
//纠错前:return gulp.src('./public/**/*.js')
return gulp.src(['./public/**/*.js', '!./public/lib/blog-encrypt.js'])
.pipe(uglify())
.pipe(gulp.dest('./public'))
});
这部分建议先写纠错前的那句,因为我们自己的博客不一定会遇到这个文件有问题。抛出结果以后,它说哪个js文件压缩不了,我们再对应的写上 '!文件'
。
5
// 压缩图片
//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'))
//});
这部分作者由于特殊原因没写,我们可以写上看看会不会出现问题。上述的这些代码除了路径可以改一下其他外不需要改变,然后在开头有类似语句的地方写上
var imagemin = require('gulp-imagemin');
最后gulp.task的地方补上’minify-images’。
如果有
require() of ES modules is not supported.
的错误,请参照
,将gulp-imagemin退回至7.1.0版本。这里面关于版本号问题问答还挺有意思的(冷幽默)。
可能能解决……如果解决不了的话,建议跟这位作者一样,注释掉吧……