Callouts
Add NOTE, TIP, WARNING, and CAUTION callout boxes (admonitions) to highlight important information in Hugo Markdown.
Callouts (also called asides or alerts) draw attention to important information. Ownable supports GitHub-style callout syntax.
Syntax
> [!NOTE]
> Useful background information.
> [!TIP]
> Helpful advice for better results.
> [!IMPORTANT]
> Critical information the reader must know.
> [!WARNING]
> Potential issues to watch out for.
> [!CAUTION]
> High-risk actions that could cause problems.Rendered Examples
Useful background information the reader should be aware of.
Helpful advice that can improve results or save time.
Important
Critical information the reader must know before proceeding.
Warning
Potential issues or pitfalls to watch out for.
Caution
High-risk actions that could cause data loss or other serious problems.
Callout Types
| Type | Use For |
|---|---|
NOTE | Background context, implementation details, supplementary info |
TIP | Performance tips, best practices, shortcuts |
IMPORTANT | Must-know requirements, essential steps |
WARNING | Breaking changes, compatibility issues, potential problems |
CAUTION | Dangerous actions, data loss risks, security concerns |
Custom Titles
Add a custom title after the type:
> [!TIP] Performance Tip
> Use WebP images for 30% smaller file sizes.Multi-line Callouts
Callouts can contain any Markdown — paragraphs, lists, code blocks:
> [!NOTE]
> This callout has multiple elements:
>
> - A list item
> - Another item
>
> ```bash
> npm install
> ```
>
> And a final paragraph.This callout has multiple elements:
- A list item
- Another item
npm installAnd a final paragraph.
Was this page helpful?
Tables
Create Markdown tables with column alignment and formatting, or import CSV data with the table shortcode in Hugo.
Code Blocks
Add syntax-highlighted code blocks with line highlighting, filenames, diff output, and 100+ languages in Hugo Markdown.
From the makers of
© 2026 Lore Labs.