33 lines
599 B
Markdown
33 lines
599 B
Markdown
# Highlight boxes in Hugo
|
|
|
|
Add Highlight Boxes to your Website
|
|
|
|
## 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
|
|
|
|
 |