A simple shortcode to add tags for Hugo.
- Put the short code in the
/layouts/shortcode/folder (If this folder does not exist, create it.). - Add the
tag.cssfile in the/static/cssfolder (If this folder does not exist, create it.). - Add
<link rel="stylesheet" type="text/css" href="/css/tag.css">in your<head> </head>
Just add shortcode in your .md (example with emojis)
- {{< tag fixed >}}🩹 Fixed{{< /tag >}}
- {{< tag update >}}🎊 Update{{< /tag >}}
- {{< tag removed >}}🧻 Remove{{< /tag >}}
- {{< tag add >}}🎉 Add{{< /tag >}}
- {{< tag changed >}}🔩 Changed{{< /tag >}}
- {{< tag warning >}}💣 Warning{{< /tag >}}
- {{< tag deprecated >}}👻 Deprecated{{< /tag >}}
There are seven basic styles, you can add more simply by adding this line to the tag.css.
.tag-name {
background:#your-color;
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent