【发布时间】:2020-11-21 16:52:13
【问题描述】:
我编写了一个短代码来创建一个引导可关闭的警报框。下面是我的短代码layouts/shortcodes/message.html。
<div class="alert alert-{{.Get 0}} alert-dismissible fade show" role="alert">
{{.Inner}}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
这就是我从内容降价文件中调用的方式:
{{% message warning%}}
This can cause build errors
{{% /message %}}
但是,在输出 HTML 中,生成了以下代码:
<!-- raw HTML omitted -->
<p>This can cause build errors</p>
<!-- raw HTML omitted -->
我不明白这里有什么问题。我创建了其他简码(虽然不使用 .Inner,但这是我的第一次尝试)并且它们工作正常,例如我为像 pinterest 这样的图像网格创建了一个简码,它接受多达 10 个图像 URL 并输出 HTML。不知道为什么这个特定的 .Inner 短代码会失败。请帮忙。我的 Hugo 版本是v0.74.3/extended darwin/amd64。
编辑
当我使用标签 {{< >}} 而不是 {{% %}} 时,它可以工作。但我可能会在内部文本中放一些降价,因此想使用{{% %}}。
如果我理解正确,使用{{% %}} 将首先处理内部文本中的降价,然后将其作为.Inner 传递给简码。
【问题讨论】:
标签: twitter-bootstrap hugo static-site hugo-shortcode