1.使用代理加快访问速度

目前主流的静态网站托管网站一般有Vercel,Netlify.由于Vercel需要科学上网所以这里以Netlify为例

打开网站进入登录页面

可以选择自己的账号登录，这里选择Github登陆后返回首页找到Add site导入自己的仓库

image-20221220084547191

image-20221220085018745

image-20221220085258585

image-20221220085509129

等待构建完成

image-20221220085655666

这里的网址是可以访问的，至此你的访问速度就快到飞起啦

2.使用cdn加快图片加载

[bulue] 查看教程

安知鱼 https://anzhiy.cn/posts/fe76.html

国内可以用的cdn

jsdelivr CDN

Statically CDN

unpkeg

用法

1
2
3
4
5
6
#jsdelivr
https://cdn.jsdelivr.net/gh/用户名/仓库地址@根目录/file
#statically
https://cdn.statically.io/gh/:user/:repo/:tag/:file
#unpkg
unpkg.com/:package@:version/:file

3.使用gulp压缩文件加快加载

查看教程

Akilar https://akilar.top/posts/49b73b87/

1.全局安装gulp

1
npm install gulp -g

2.安装模块

1
npm install gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save

3.安装hexo-minifier

1
2
3
npm install hexo-all-minifier --save
或
cnpm install hexo-all-minifier --save

然后在_config.butterfly.yml中添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
all_minifier: true
image_minifier:
  enable: true
  interlaced: false
  multipass: false
  optimizationLevel: 2
  pngquant: false
  progressive: false
  silent: false
css_minifier:
  enable: true
  silent: false
  exclude: 
    - '*.min.css'
js_minifier:
  enable: true
  mangle: true
  silent: false
  output:
  compress:
  exclude: 
    - '*.min.js'

安装完成后运行hexo g输出如下

1
2
3
4
5
6
7
8
9
10
11
12
INFO  update Optimize IMG: img/friend_404.gif [ 17.91% saved]
INFO  update Optimize IMG: posts/c/image-20221007144906117.png [ 41.80% saved]
INFO  update Optimize IMG: posts/c/image-20221007150608159.png [ 11.70% saved]
INFO  update Optimize IMG: img/wechat.jpg [ 44.90% saved]
INFO  update Optimize IMG: img/404.jpg [ 24.24% saved]
INFO  update Optimize IMG: posts/c/image-20221007150612040.png [ 7.05% saved]
INFO  update Optimize IMG: posts/c/image-20221007140654908.png [ 37.24% saved]
INFO  update Optimize IMG: posts/c/image-20221007140547358.png [ 42.74% saved]
INFO  update Optimize IMG: posts/c/image-20221007141320641.png [ 37.90% saved]
INFO  update Optimize IMG: posts/c/image-20221007141211438.png [ 39.22% saved]
INFO  update Optimize IMG: posts/c/image-20221007143951531.png [ 32.29% saved]
INFO  update Optimize IMG: posts/c/image-20221007141745341.png [ 6.06% saved]

至此hexo的优化就完成了