33 lines
599 B
Markdown
Raw Permalink Normal View History

2022-01-14 15:45:13 +01:00
# Highlight boxes in Hugo
2022-01-14 23:25:00 +01:00
Add Highlight Boxes to your Website
2022-01-14 15:45:13 +01:00
## Install
1. Add the shortcode files to `layouts/shortcodes`
2. Add the css code to your project
3. Add the icon vector files in your project to `/static`
## Usage
```hugo
{{< highlight/info >}}
This is a highlighted text
{{< /highlight/info >}}
```
```hugo
{{< highlight/warning >}}
Make sure the Public Key is known to the Git Server.
{{< /highlight/warning >}}
```
```hugo
{{< highlight/critical >}}
This is a highlighted text
{{< /highlight/critical >}}
```
## Preview
![Highlight Boxes in Hugo](highlights.png)