HasShortcode
语法
PAGE.HasShortcode NAME
返回值
bool
举例来说,让我们使用 Plotly 来渲染图表
contents/example.md
{{< plotly >}}
{
"data": [
{
"x": ["giraffes", "orangutans", "monkeys"],
"y": [20, 14, 23],
"type": "bar"
}
],
}
{{< /plotly >}}
短代码很简单
layouts/shortcodes/plotly.html
{{ $id := printf "plotly-%02d" .Ordinal }}
<div id="{{ $id }}"></div>
<script>
Plotly.newPlot(document.getElementById({{ $id }}), {{ .Inner | safeJS }});
</script>
现在,我们可以在调用 “plotly” 短代码的页面上选择性地加载所需的 JavaScript
layouts/baseof.html
<head>
...
{{ if .HasShortcode "plotly" }}
<script src="https://cdn.plot.ly/plotly-2.28.0.min.js"></script>
{{ end }}
...
</head>