HasShortcode函数
Syntax
PAGE.HasShortcode NAME
Returns
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>