Template UI pattern examples
A simple demo page.
Note
Useful information that users should know, even when skimming content.
Tip
Helpful advice for doing things better or more easily.
Important
Key information users need to know to achieve their goal.
Warning
Urgent info that needs immediate user attention to avoid problems.
Caution
Advises about risks or negative outcomes of certain actions.
| Name | Age |
|---|---|
| Bob | 27 |
| Alice | 23 |
| Italics | Bold | Code |
|---|---|---|
| italics | bold | code |
def say_hello():
print("Hello!")hello.py
def say_hello():
print("Hello!")go 1.20 | |
hello.py
| |
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
đ
Hugo can be used to create a wide variety of websites, including blogs, portfolios, documentation sites, and more.
âšī¸
Please visit GitHub to see the latest releases.
â ī¸
A callout is a short piece of text intended to attract attention.
đĢ
Something went wrong and it’s going to explode.
Details
This is the content of the details.
Markdown is supported.
Click me to reveal
This will be hidden by default.
- _index.md
- _index.md
- introduction.md
- introduction.fr.md
your-icon:
Badge
info
warning
error
Releases
JSON: JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax.
YAML: YAML is a human-readable data serialization language.
TOML: TOML aims to be a minimal configuration file format that’s easy to read due to obvious semantics.
{ "hello": "world" }
