Hexo 使用 hexo-neat 插件压缩页面资源

前段时间将博客迁移到购买的云主机上,由于云主机配置较低,与之前部署的 COS+CDN 相比,明显感觉博客页面打开慢了许多。于是就想着有没有办法将博客页面压缩以减少体积。

Google 搜了一下,还真有个 hexo-neat 插件。

使用方法

  1. 像安装其它插件一样,在站点的根目录 npm 安装插件:

    1
    npm install hexo-neat --save
  2. 添加相关配置到站点配置文件:

    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
    # 文件压缩,设置一些需要跳过的文件 
    # hexo-neat
    neat_enable: true
    # 压缩 html
    neat_html:
    enable: true
    # 一些百度、Google 的验证文件需要排除掉
    exclude:
    - '**/baidu*.html'
    - '**/google*.html'
    # 压缩 css
    neat_css:
    enable: true
    exclude:
    - '**/*.min.css'
    # 压缩 js
    neat_js:
    enable: true
    mangle: true
    output:
    compress:
    exclude:
    - '**/*.min.js'
    - '**/jquery.fancybox.pack.js'
    - '**/index.js'
  3. 再执行 hexo g 命令生成 public 目录文件时,会发现控制台有输出压缩日志:

    1572927836406

实际压缩效果还是比较显著的,能够减少将近一半的体积。