31 lines
562 B
Markdown
31 lines
562 B
Markdown
# Highlight boxes in Hugo
|
|
|
|
## 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) |