Hugo HTML Module

This module ships with several partials and shortcodes for you to write HTML in Markdown.

Installation

[[module.imports]]
path = "github.com/razonyang/hugo-mod-html"

Shortcodes

Similar to HTML, there are two types of shortcodes:

• Void shortcode: cannot have any child nodes.
• Tag (non-void) shortcode.

html/_void

Void shortcode.

{{< html/_void _name={tag} name=value >}}

• _name is a reserved parameter for specifying the tag name.

{{< html/_void _name=hr >}}

{{< html/_void _name=hr style="border: 2px solid blue;" >}}

{{< html/_void _name=input type=password placeholder="Password" >}}

{{< html/_void _name=input disabled="" >}}

html/_tag

Tag (non-void) shortcode.

{{< html/_tag _name={tag} name=value >}}
...
{{< /html/_tag >}}

• _name is a reserved parameter for specifying the tag name.

{{< html/_tag _name=a href="https://github.com/razonyang/hugo-mod-html" target="_blank" >}}Repository{{< /html/_tag >}}

{{< html/_tag _name=span >}}Text{{< /html/_tag >}}

{{< html/_tag _name=button >}}
{{< html/_tag _name=span >}}Text inside button{{< /html/_tag >}}
{{< /html/_tag >}}