Hugo自定义短代码

在 Hugo 中，你可以使用自定义短代码来生成模板中的动态内容。自定义短代码是一段用于生成特定内容的模板代码片段，这个代码片段可以通过简单的一行代码在模板中调用。

下面是一个简单的例子，演示如何在 Hugo 中定义和使用自定义短代码。我们将定义一个短代码 {{myShortcode }}，并让它生成一段简单的 HTML。

在 Hugo 的根目录下，创建一个名为 layouts/shortcodes 的文件夹。
在 layouts/shortcodes 文件夹中，创建一个名为 myShortcode.html 的文件。
在 myShortcode.html 文件中，添加以下代码片段：

1
<p>This is my custom shortcode!</p>

在模板中使用自定义短代码 **{{{myShortcode }}}。**例如：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>{{ .Title }}</title>
  </head>
  <body>
    {{&#123;myShortcode &#125;}}
  </body>
</html>

在浏览器中查看生成的页面，你应该看到 “This is my custom shortcode!” 这段文字。

总的来说，自定义短代码是一个十分有用的功能，它让你可以在 Hugo 中轻松地生成各种动态内容。

Hugo自定义短代码

Hugo自定义短代码

See Also: