在Jekyll中压缩你的HTML

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

安装

通过两个简单的步骤开始使用该插件：

• 下载并解压插件的 compress.html 文件并将其放在 Jekyll 设置的 _layout 文件夹中。
• 在最顶层的插件中，通常是 default.html，添加以下 Front Matter：

---
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: []

以下是配置选项的快速细分：

• clippings：将删除周围空白的元素数组。 使用 all 关键字包含所有可以安全操作的元素。 pre 将被忽略以保留空白。
• comments：带有开始和结束标签的数组，用于删除注释。 请注意多余的空格，以便保留没有空格的注释。
• endings：可选的结束标签数组，将被删除。 使用关键字 all 删除所有这些。 在上面的示例中，我指定了除 p 之外的所有可选结束标记。
• profile：在开发模式下将此标志设置为 true，以查看在页面末尾添加的表格，该表格显示页面上元素的细分。
• blanklines：如果您只想折叠空行并保持换行符完整的非空行，请将此标志设置为 true。
• ignore.envs：Jekyll 环境名称数组，应该关闭压缩布局。 如果您想在开发模式下关闭压缩，这会很有用。
• startings：可选的开始标签数组，将被移除。 例如：起点：[html,head,body]