就像CSS和JavaScript一样,HTML输出可以通过删除白空间、新行、评论甚至删除某些可选的关闭标签来压缩和缩小,从而使文件大小更小。 例如,看看本页的来源,以便看到这种压缩的结果。 使用Jekyll,一个名为 jekyll-compress-html的插件可以帮助你做到这一点。 该插件使用纯液态语法来实现HTML压缩,所以它不依赖任何东西。
安装
用两个简单的步骤开始使用插件:
- 下载并提取插件的 compress.html 文件,并将其放置在您的 Jekyll 设置的 _layout 文件夹中 *在您的顶级插件中,通常是 default.html,添加以下前提:
1---
2layout: compress
3---
使用
现在插件已安装和设置,您可以在您的 _config.yml 文件中配置其确切行为。
1compress_html:
2 clippings: all
3 comments: [""]
4 endings: [html, head, body, li, dt, dd, rt, rp, optgroup, option, colgroup, caption, thead, tbody, tfoot, tr, td, th]
5 profile: false
6 blanklines: false
7 ignore:
8 envs: []
以下是配置选项的快速分解:
- 剪报: 一系列元素,将围绕这些元素去除白空间。 使用所有关键词来包含所有安全操作的元素. 预设会被忽略以保留白空间 。 (_) ) * 评论: 带有起始和结尾标记的阵列,用于删除注释 。 注意额外的空格, 这样不会保留空白的注释 。
- 结尾 : 一系列可选的端标记, 将会被删除 。 全部使用关键词去除它们 。 在上述例子中,我指定了除p. *外的所有可选端标记: 在开发模式中将此旗帜转正, 查看页面末尾添加的表格, 显示页面中元素的分解 。
- 空白行 : 如果您想要仅折叠空行并保持行折断完好无损的非横行, 请将此旗帜变为真实 。 ( _) ) * 忽略.envs: 压缩布局应关闭的 Jekyll 环境名称阵列 。 如果您想要在开发模式中关闭压缩, 此功能可以有用 。
- 开始 : 一组可选的启动标记, 将会被删除 。 例如:起: [html,头,正体]