在 Jekyll 中压缩你的 HTML

就像 CSS 和 JavaScript 一样，可以通过删除空格、换行符、注释甚至删除某些可选的结束标记来压缩和缩小 HTML 输出，从而减小文件大小。例如，查看此页面的源代码以查看此类压缩的结果。使用 Jekyll，一个名为jekyll-compress-html 的插件可以帮助您做到这一点。该插件使用纯 Liquid 语法来完成 HTML 压缩，因此它不依赖任何东西。

安装

只需两个简单的步骤即可开始使用该插件：

• 下载并解压插件压缩.html文件并将其放置在_布局Jekyll 设置的文件夹。
• 在你的最顶层插件中，通常默认.html，添加以下前言：

---
layout: compress
---

用法

现在插件已安装并设置完毕，您可以在_config.yml文件。例如：

compress_html:
  clippings: all
  comments: [""]
  endings: [html, head, body, li, dt, dd, rt, rp, optgroup, option, colgroup, caption, thead, tbody, tfoot, tr, td, th]
  profile: false
  blanklines: false
  ignore:
    envs: []

以下是配置选项的简要分类：

• 剪报：将删除元素周围的空格的数组。使用全部关键字包含所有可以安全操作的元素。前将被忽略以保留空格。
• 评论：包含要删除的注释的开始和结束标记的数组。请注意多余的空格，这样没有空格的注释将被保留。
• 结局：可选结束标记数组，将被删除。使用关键字全部删除所有标签。在上面的例子中，我指定了除页。
• 轮廓：在开发模式下将此标志设置为 true，即可看到在页面末尾添加一个表格，其中显示页面元素的细目分类。
• 空行：如果您只想折叠空白行并保持非空白行的换行符完整，请将此标志设置为 true。
• 忽略.envs：应关闭压缩布局的 Jekyll 环境名称数组。如果您想在开发模式下关闭压缩，这将很有用。
• 起点：可选开始标签数组，将被删除。例如：起始：[html，头部，主体]