GitHub Flavored Callouts

jldec

jldec

Posted on December 18, 2023

GitHub Flavored Callouts

I enjoyed adding support for callouts in zaui today.

Here's an example:

Screenshot with standard callout

And here's the markdown source,

> [!TIP]
> The [zaui guide](https://zaui.zeroasic.com/guide/markdown-extensions) has more details.
Enter fullscreen mode Exit fullscreen mode

The markdown format matches the recently introduced GitHub Markdown Alerts extension.

In addition to the now GitHub standard [!NOTE|TIP|IMPORTANT|CAUTION|WARNING] you can also follow the [!{something}] pattern, to make up your own callouts, perhaps with an emoji.

> [!💥 zaui]
> Getting a little better every day
Enter fullscreen mode Exit fullscreen mode

Screenshot with custom zaui callout

Careful, this 👆 only works with zaui, not on GitHub.

Next

Along with this change, zaui also gained a next button in the Post layout.

This should make it easier to navigate to the next page in the guide, and to the next post in the blog.

You can try it out at the top of this page...

Screenshot with a "Next" button

💥

💖 💪 🙅 🚩
jldec
jldec

Posted on December 18, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

GitHub Flavored Callouts
markdown GitHub Flavored Callouts

December 18, 2023