删除空格 Jekyll 液体

简介

Jekyll 是一个基于 Ruby 的静态网站构建工具，可以方便地生成静态网站。在使用 Jekyll 进行网站开发时，会使用到 Jekyll 的 “液体”（liquid）模板语言。然而，在液体模板中，若要输出一段 HTML 代码，就需要在代码之外添加空格，这样会导致生成的 HTML 代码中出现多余的空格。

这篇文章将介绍如何在 Jekyll 液体模板中删除空格，从而生成干净的 HTML 代码。我们将提供两种解决方案。

方法一：trim 过滤器

在液体模板中，可以使用 | trim 过滤器来删除空格。具体方法如下：

{{ "这里是有空格的。    " | trim }}

使用 trim 过滤器后，将输出：

这里是有空格的。

在删除 HTML 代码中的空格时，可以这样使用：

{% raw %}
    <div class="example-class">这里是有空格的。       </div>
    <div class="example-class">{{ content | strip }}</div>
{% endraw %}

在上面的代码中，| strip 过滤器会删除 {{ content }} 中的所有空格，从而生成干净的 HTML 代码。

方法二：移除 Liquid 标签间的空格

当使用方法一删除空格时，可能会删除 Liquid 标签周围的空格。例如：

{% raw %}<div class="example">{{ some_variable | strip }}</div>{% endraw %}

在上面的代码中，如果 some_variable 为 some value，则输出的 HTML 代码为：

<div class="example">somevalue</div>

发现 HTML 代码中的 somevalue 没有空格。这是因为 | strip 过滤器会删除 Liquid 标签周围的空格。

为了解决这个问题，可以在 Liquid 标签中添加一个和空格一样的 HTML 实体字符  。例如：

{% raw %}<div class="example">{{ some_variable }} &#32;{{ some_other_variable | strip }}</div>{% endraw %}

在上面的代码中，如果 some_variable 为 这里是有空格的。，some_other_variable 为 这里没有空格，则输出的 HTML 代码为：

<div class="example">这里是有空格的。 这里没有空格</div>

结论

本文介绍了两种删除 Jekyll 液体模板中的空格的方法。第一种方法是使用 | trim 过滤器，第二种方法是在 Liquid 标签中添加与空格一样的 HTML 实体字符。这两种方法都可以很好地删除空格，从而生成干净的 HTML 代码。