Hexo-优化Hexo博客的打开速度

一.导语

1.本文的主要内容：

压缩博客以及将博客部署到Gitee

2.准备

为什么需要压缩博客？
因为hexo生成的文件是静态html，里面占用了大量的空白符。使用gulp进行压缩接口提高访问速度并且降低内存。
各大平台部署比较？

二.压缩博客

1.安装插件，打开博客输入下面的安装命令：

1 2	npm install gulp -g npm install gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp --save

2.在博客根目录下新建一个 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');
//压缩css
gulp.task('minify-css', function () {
return gulp.src('./public/**/*.css')
.pipe(minifycss())
.pipe(gulp.dest('./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'))
});
//压缩js 不压缩min.js
gulp.task('minify-js', function () {
return gulp.src(['./public/**/*.js', '!./public/**/*.min.js'])
.pipe(uglify())
.pipe(gulp.dest('./public'));
});
//4.0以前的写法 
//gulp.task('default', [
  //  'minify-html', 'minify-css', 'minify-js'
//]);
//4.0以后的写法
// 执行 gulp 命令时执行的任务
gulp.task('default', gulp.parallel('minify-html', 'minify-css', 'minify-js', function(done) {
  // Do something after a, b, and c are finished.
  done();
}));

3. 运行命令，gulpfile.js 文件里面请务必使用4.0以后的写法，运行的命令如下：

1	hexo g && gulp (之前是 hexo g)

三.部署到Gitee

1.登录 Gitee 注册账号

我的账号主页：

2.配置 SSH Key

①. 此部分跟github上配置SSH Key完全相同，没有公钥的首先生成公钥，之后将你电脑上的公钥(也就是id_rsa.pub文件)粘贴上就行。不懂的话可以参考我之前的文章。

②. 注意，添加的公钥是个人公钥而不是仓库公钥。

个人公钥

仓库公钥

③. 测试公钥是否设置成功，输入以下的命令：

1	ssh -T git@gitee.com

3.创建仓库

①. 由于我们之前创建过了一个在 Github 的仓库，所以我们可以什么都不做直接将我们在Github上的仓库同步过来。导入的要求已经在输入框内给出，我的地址是 https://github.com/xiaoshitounen/xiaoshitounen.github.io。

②. 问题来了，会出现博客网站样式错误，参考码云的官方文档，

③. 怎么解决呢，参考这篇文章基于Gitee+Hexo搭建个人博客。

④. 我选择的解决方案是想 Github 一样要求使用账号同名新建网站仓库。如何创建同名又成为一个问题，同样参考官方文档。例子，如 https://gitee.com/xuxiaoshi(我的跟人主页网址) 这个用户，创建时仓库的名字就是 xuxiaoshi 。虽然我的用户名是 xiaoshitounen ，但是必须得用个性地址。