Hexo博客使用hexo-neat插件压缩页面以提高响应速度

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_21808961/article/details/84639472

安装hexo-neat插件

在站点根目录下安装hexo-neat

npm install hexo-neat --save

在站点配置文件中添加配置

下边是我自己站点的相关配置,直接添加到站点配置文件_config.yml的末尾就可以。可以安装自己的需求去自定义那些文件需要压缩,主要是有些js可能压缩后会失效。

# hexo-neat
# 博文压缩
neat_enable: true
# 压缩html
neat_html:
  enable: true
  exclude:
# 压缩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'  

不压缩某文件的正确配置方式

如果按照官方插件的文档说明来配置exclude排除项,你会发现完全不起作用。

neat_css:
  enable: true
  exclude:
    - '*.min.css'

这是因为配置的文件路径不对,压缩时找不到你配置的文件,自然也就无法跳过了。你需要给这些文件指定正确的路径,万能的配置方式如下,把路径改为

neat_css:
  enable: true
  exclude:
    - '**/*.min.css'

解决桃心效果失效

当然有些博客加了桃心效果,需要添加配置项,让hexo-neat不压缩桃心的js文件。把上面的配置改为下面即可:

# 博文压缩
neat_enable: true
# 压缩html
neat_html:
  enable: true
  exclude:
# 压缩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'  
    - '**/love.js'

# 压缩博文配置结束

插件官方位置:https://github.com/rozbo/hexo-neat
参考文章:https://blog.csdn.net/lewky_liu/article/details/82432003

本文链接: Hexo博客使用hexo-neat插件压缩页面以提高响应速度

没有更多推荐了,返回首页