Markdown
Hugo supports Markdown syntax for formatting text, creating lists, and more. This page will show you some of the most common Markdown syntax examples.
Markdown Examples
Styling Text
| Style | Syntax | Example | Output |
|---|---|---|---|
| Bold | **bold text** |
**bold text** |
bold text |
| Italic | *italicized text* |
*italicized text* |
italicized text |
| Strikethrough | ~~strikethrough text~~ |
~~strikethrough text~~ |
|
| Subscript | <sub></sub> |
This is a <sub>subscript</sub> text |
This is a subscript text |
| Superscript | <sup></sup> |
This is a <sup>superscript</sup> text |
This is a superscript text |
Blockquotes
Blockquote with attribution
Don’t communicate by sharing memory, share memory by communicating. — Rob Pike1
Markdown
> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.Tables
Tables aren’t part of the core Markdown spec, but Hugo supports them out-of-the-box.
| Name | Age |
|---|---|
| Bob | 27 |
| Alice | 23 |
Markdown
| Name | Age |
|--------|------|
| Bob | 27 |
| Alice | 23 |Inline Markdown within tables
| Italics | Bold | Code |
|---|---|---|
| italics | bold | code |
Markdown
| Italics | Bold | Code |
| -------- | -------- | ------ |
| *italics* | **bold** | `code` |Code Blocks
Lists
Ordered List
- First item
- Second item
- Third item
Markdown
1. First item
2. Second item
3. Third itemUnordered List
- List item
- Another item
- And another item
Markdown
* List item
* Another item
* And another itemNested list
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
Markdown
* Fruit
* Apple
* Orange
* Banana
* Dairy
* Milk
* CheeseImages
Markdown
With caption:
Markdown
Configuration
Hugo uses Goldmark for Markdown parsing.
Markdown rendering can be configured in hugo.yaml under markup.goldmark.
Below is the default configuration for Hextra:
hugo.yaml
markup:
goldmark:
renderer:
unsafe: true
highlight:
noClasses: falseFor more configuration options, see Hugo documentation on Configure Markup.