jekyll - Jekyll/Liquid 中锚标记渲染原始 html 标记之间的所有内容

Question

我正在尝试在 Jekyll 中构建一个包含多个变量的包含，但基本思想是我将多个内容包装在一个锚标记中，如下所示：

<a href="#>
    <h2>{{ include.piece-title }}</h2>
    <h3>{{ include.piece-date }}</h3>
    <img src="{{ include.piece-url }}" alt="{{ include.image-description }}">
    <p>{{ include.piece-description }}</p>
</a>

但是，这会呈现为原始 html（尽管图像有效）。

如果我将其包装在<figure>标签而不是<a>标签中，则没有问题。例如，这很好：

<figure>
    <h2>{{ include.piece-title }}</h2>
    <h3>{{ include.piece-date }}</h3>
    <img src="{{ include.piece-url }}" alt="{{ include.image-description }}">
    <p>{{ include.piece-description }}</p>
</figure>

我实际上可以通过将<a>标签包装在其他 html 中来解决这个问题<figure>，<div>如下所示，但这似乎有点矫枉过正：

<figure>
    <a href="#">
        <h2>{{ include.piece-title }}</h2>
        <h3>{{ include.piece-date }}</h3>
        <img src="{{ include.piece-url }}" alt="{{ include.image-description }}">
        <p>{{ include.piece-description }}</p>
    </a>
</figure>

我一直在寻找高低，但除了操作顺序之外，我找不到任何引用此类行为的东西。不过，我似乎看不出这会在哪里破坏订单。

标签： jekyllliquid