Jekyll / Liquid

时间:2019-07-26 11:00:17

标签: jekyll liquid

我试图在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>

我一直在搜寻高低,但是除了order of operations之外,我找不到任何引用这种行为的东西。我似乎看不到这会在哪里破坏订单。

0 个答案:

没有答案