锚定标记渲染和#x27；s Jekyll/Liquid中的原始html标记

我正在尝试构建一个包含多个变量的include in 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（尽管图像可以工作）

如果我用

标记而不是

---

我一直在到处寻找，但除了这个问题，我找不到任何与这种行为相关的东西。我似乎看不出这会在哪里打破秩序。

无法复制。您是否有一个存储库url来复制此行为？我能够复制此行为。将锚点包装在div中作为解决方法无法复制。您是否有一个存储库url来复制此行为？我能够复制此行为。将锚包裹在div中作为解决方法

<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>

<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>