Hugo-编写自定义shortcode

原文地址：https://justforuse.github.io/blog/zh-cn/2018/07/custom-tag-template/

用于快速建站的Hugo本身提供了很多丰富网站内容的shortcode，文档地址：https://gohugo.io/content-management/shortcodes/ 我们可以快速的插入想要的内容或媒体。

Hugo也提供了自定义shortcode的功能，以stackblitz为例，如果我们想插入一个内嵌的stackblitz示例该怎么做？

首先，在当前目录layouts/shortcodes或者主题目录的layouts/shortcodes新建stackbltz.html文件：

其中 {{.Get 0}}会被翻译为自定义标签后的第一个参数，这个参数在这里代表示例ID，比如在post.md中写入如下内容：

{{< stackblitz angular-isnzrd >}}

页面就会显示为：

我这里将一些参数写死了，比如是否自动运行等，这个也可以自定义配置