I just added Obsidian-style Callouts to my blog theme!
It will make some articles look a lot better 😍
Hugo is missing a blockquote render hook so I had to write a custom shortcode.
You can see it and how I use it in my Gist “Obsidian-style callouts in Hugo”.
Here is what it looks like (taking examples from Callouts - Obsidian Help):
Tip
Like this one
Tip
Are callouts foldable?
Yes! In a foldable callout, the contents are hidden when the callout is collapsed
Can callouts be nested?
Yes!, they can.
You can even use multiple layers of nesting.
Callouts with markdown
Before
Yes!, they can.
Before
You can even use multiple layers of nesting.
Inside
After
After
Note
A note callout
Abstract
A abstract callout
Summary
A summary callout
TL;DR
A tldr callout
Info
A info callout
To-Do
A todo callout
Tip
A tip callout
Hint
A hint callout
Important
A important callout
Success
A success callout
Check
A check callout
Done
A done callout
Question
A question callout
Help
A help callout
FAQ
A faq callout
Warning
A warning callout
Caution
A caution callout
Attention
A attention callout
Failure
A failure callout
Fail
A fail callout
Missing
A missing callout
Danger
A danger callout
Error
A error callout
Bug
A bug callout
Example
A example callout
Quote
A quote callout
Citation
A cite callout