博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hexo-Neat介绍
阅读量:6519 次
发布时间:2019-06-24

本文共 1219 字,大约阅读时间需要 4 分钟。

需求

因为markdownhtml的bug,致使生成的html留有大量的空白,十分的难看,另外就是由于性能原因,需要对jscss进行压缩。

实现过程

前人种树

首先考虑的方案就是使用来实现,包括其中的然后体验了之后并不完美,甚至报错,并没有符合我的需求的。 于是我决定在其基础上自行开发。

后人乘凉

我参考了官方插件文档,和现有插件,发现了一些问题,包括:

官方文档过时

首先,在 node_modules 文件夹中建立文件夹,文件夹名称开头必须为 hexo-,如此一来 Hexo 才会在启动时载入否则 Hexo 将会忽略它。

然而这一描述对于现行版本根本无效,你必须在手动在根目录的package.json中手动添加依赖才可。

现行release版本的接口出错

如果你使用了主题,就会发现after_render:html这个钩子对于博文是没有效果的,因为hexo现行版本(3.2)的bug导致。 你需要自行更新node_modules\hexo\lib\theme\view.js来解决bug,参考官方最新。

插件依赖的模块接口变动

致使出错

后人种树

在贯通了以上种种之后,我有了自己的解决方案如下。

  • neat html by

  • neat css by

  • neat js by

使用

安装

$ npm install hexo-neat --save

配置

To Enable Auto neat , you must config like this:

neat_enable: true

neat_html:

enable: true
exclude:

  • enable - Enable the plugin. Defaults to true.

  • exclude: Exclude files Note: there are so many params please see ‘‘

    • *

neat_css:

enable: true
exclude:

  • '*.min.css'

  • enable - Enable the plugin. Defaults to true.

  • exclude: Exclude files

    • *

neat_js:

enable: true
mangle: true
output:
compress:
exclude:

  • '*.min.js'

  • enable - Enable the plugin. Defaults to true.

  • mangle: Mangle file names

  • output: Output options

  • compress: Compress options

  • exclude: Exclude files

调试

做好以上几步之后,重新生成博客的时候就会自动压缩所有的html、css、js,效果应该和本博客一致。

反馈

如果你在使用的过程中遇到问题,请在本博文下面描述,或到下反馈。

转载地址:http://tqrfo.baihongyu.com/

你可能感兴趣的文章
CentOS安装python-pip
查看>>
jquery $.post用法
查看>>
boost库在工作(15)绑定器与函数对象之三
查看>>
【noip模拟题】迎接仪式(dp+特殊的技巧)
查看>>
C/C++产生随机数
查看>>
android WebView总结
查看>>
How to get blob data using javascript XmlHttpRequest by sync
查看>>
Asynchronous Programming Using Delegates使用委托进行异步编程
查看>>
代码是写给人看的,不是写个机器看的
查看>>
sina微博上看到的关于android界面设计相关的规范
查看>>
STL笔记(2) STL之父访谈录
查看>>
heartbeat测试
查看>>
STL——空间的配置和释放std::alloc(第一级配置器和第二级配置器)
查看>>
微软职位内部推荐-Senior Software Engineer II-Search
查看>>
PHP 的解压缩ZipArchive中的extractTo()方法 LINUX+nginx环境中解压zip时文件丢失的问题...
查看>>
ylbtech-LanguageSamples-ExplicitInterface(显示接口)
查看>>
RapeLay(电车之狼R)的结局介绍 (隐藏结局攻略)
查看>>
Google Mesa概览
查看>>
【Android开发】之Fragment生命周期
查看>>
[LeetCode] Clone Graph 无向图的复制
查看>>