抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

哈哈,真是越来越慢了呢……(😊

本文关于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版本。这里面关于版本号问题问答还挺有意思的(冷幽默)。

可能能解决……如果解决不了的话,建议跟这位作者一样,注释掉吧……

评论

评论区不是无人区喵