/hugo-callout

Notion-style callouts in Hugo shortcode!

Primary LanguageHTMLApache License 2.0Apache-2.0

hugo-callout

Notion-style callouts for your hugo site!

desktop screenshot

Simply invoke the following shortcode in your .md Hugo content files to use these beautiful callouts:

{{< callout emoji="💯" text="This is the text that will show up in the callout. It can be as long as you like, but only one paragraph." >}}

To install: simply download the callout.html file from this repo, it's also in the releases section. Place this file in your themes/[THEME-NAME]/layouts/shortcodes or layouts/shortcodes folder.

The style code is included in that same file for convenience, but you can move it to your own .css file and modify as you wish 👍🏻