This article shows how to use the alert shortcode.

Syntax

Inline

1{{< alert [type] >}}INLINE ALERT{{< /alert >}}

Block

1{{< alert [type] >}}
2BLOCK ALERT
3{{< /alert >}}

The parameter type is optional. Default to info, available values: info, success, warning and danger.

With Heading

1{{< alert [type] >}}
2{{< alert-heading >}}Well Done!{{< /alert-heading >}}
3ALERT MESSAGE
4{{< /alert >}}

With Markdown Syntax

1{{% alert warning %}}
2Alert Shortcode with Markdown Syntax:
3```bash
4$ echo 'An example of alert shortcode with the Markdown syntax'
5```
6{{% /alert %}}

Please note that you’ll need to enable the markup.goldmark.renderer.unsafe configuration.

config.toml

1[markup]
2  [markup.goldmark]
3    [markup.goldmark.renderer]
4      unsafe = true

config.yaml

1markup:
2  goldmark:
3    renderer:
4      unsafe: true

config.json

1{
2   "markup": {
3      "goldmark": {
4         "renderer": {
5            "unsafe": true
6         }
7      }
8   }
9}

Examples