Hugo Shortcode Render Effects

Admonition (All Types)

{{< admonition type="note" title="Note" >}} This is a note banner. {{< /admonition >}}

{{< admonition type="abstract" title="Abstract" >}} This is an abstract banner. {{< /admonition >}}

{{< admonition type="info" title="Info" >}} This is an info banner. {{< /admonition >}}

{{< admonition type="tip" title="Tip" >}} This is a tip banner. {{< /admonition >}}

{{< admonition type="success" title="Success" >}} This is a success banner. {{< /admonition >}}

{{< admonition type="question" title="Question" >}} This is a question banner. {{< /admonition >}}

{{< admonition type="warning" title="Warning" >}} This is a warning banner. {{< /admonition >}}

{{< admonition type="failure" title="Failure" >}} This is a failure banner. {{< /admonition >}}

{{< admonition type="danger" title="Danger" >}} This is a danger banner. {{< /admonition >}}

{{< admonition type="bug" title="Bug" >}} This is a bug banner. {{< /admonition >}}

{{< admonition type="example" title="Example" >}} This is an example banner. {{< /admonition >}}

{{< admonition type="quote" title="Quote" >}} This is a quote banner. {{< /admonition >}}

graph TD; A[Start] --> B{Is it working?}; B -- Yes --> C[Great!]; B -- No --> D[Debug]; D --> B;

{{< typeit >}} This is a typing effect demo. It supports HTML content too! And multiple lines. {{< /typeit >}}