欢迎来到我的小小世界

Change is a million times less painful than regret

0%

Next-neat 插件优化提升访问效率

发表于 分类于
本文字数： 942 阅读时长 ≈ 1 分钟

  对于任何一个网站来说，优化页面的访问速度是必须的，从体验来讲，没人能忍耐加载页面十秒以上或长时间处于空白或加载状态。优化访问速度的方法有很多，今天只介绍傻瓜式的插件安装方法：

安装插件

  在站点目录下Git bash一下，使用如下命令安装hexo-neat插件：

1
npm install hexo-neat --save

主配置_config.yml文末添加：（其中exclude板块是特别添加，针对你的静态资源进行筛选）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
# hexo-neat
# md博文压缩
neat_enable: true
# 压缩html（ejs，swig等也属于html格式片段）
neat_html:
  enable: true
  exclude:
# 压缩css  
neat_css:
  enable: true
  exclude:
    - '*.min.css'
    - '**/*.min.css'
    - 'jquery.fancybox.min.css'
    - '**/live2d-widget/waifu.css'
# 压缩js
neat_js:
  enable: true
  mangle: true #打印日志
  output:
  compress:
  exclude: #排除文件
    - '*.min.js'
    - '**/*.min.js'
    - 'jquery.fancybox.min.js'
    - '**/live2d-widget/*.js'
    - '**/live2d-widget/*.min.js'

运行（因为mangle: true #打印日志,我们能看到运行流程）

【INFO neat the html:xxxx.md】先压缩md文件的换行和空白
【INFO neat the html: xxxx.ejs】压缩ejs配置文件（这里也有很多换行和空格），这是html片段格式文件。
现在是neat工作最重要的部分之一：压缩js和css。
最后是（hexo generate）将md文章转换成html语言格式的过程。

每日一图

-------- 本文结束 感谢阅读 --------