我试图在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之外,我找不到任何引用这种行为的东西。我似乎看不到这会在哪里破坏订单。