A simple shortcode to add tags for Hugo.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
KazukyAkayashi 214e7700d2 Mise à jour de 'README.md' 1 month ago
LICENSE Initial commit 1 month ago
README.md Mise à jour de 'README.md' 1 month ago
tag-hugo.png Transférer les fichiers vers '' 1 month ago
tag.css Transférer les fichiers vers '' 1 month ago
tag.html Transférer les fichiers vers '' 1 month ago

README.md

Hugo tag shortcode

A simple shortcode to add tags for Hugo.

Install

  • Put the short code in the /layouts/shortcode/ folder (If this folder does not exist, create it.).
  • Add the tag.css file in the /static/css folder (If this folder does not exist, create it.).
  • Add <link rel="stylesheet" type="text/css" href="/css/tag.css"> in your <head> </head>

Use

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 >}} 

Wiki

There are seven basic styles, you can add more simply by adding this line to the tag.css.

.tag-name {
 background:#your-color;
}

Result

tag