🔧 Supported blocks
2023-03-05
This page shows you what type of Notion blocks astro-notion-blog supports.
Table of contents Heading 1 Heading 2 Heading 3 Toggleable Heading 1 Toggleable Heading 2 Toggleable Heading 3 Paragraph Bulleted List Numbered List To Do Column List Divider Callout Code Code with Mermaid diagram Quote Equation Table File Toggle Link to page Synced Block Image Link Preview & Bookmark Twitter(Embed) Instagram(Embed) TikTok(Embed) Pintarest(Embed) YouTube CodePen
Paragraph
bold
italic
Underline
Strike
code
color
color background
colored block
colored text with colored block
- Bulleted List
- Uni
- Tako
- AAA
- BBB
- Numbered List
- Kani
- Ika
- 111
- 222
To-do 2
Column 1
Column 2
ℹ️
Callout
Line break
Line break
Colored Callout and background color 
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<h1>Hello, world!</h1>);This is code caption.
flowchart LR;
A[Hard Edge] --->|LinkText|B(Round Edge)
Mermaid notation
Quote Block
| Simple | Table | Ika | Tako | Shake |
|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 |
| a | b | c | d | e |
| A | B | C | D | E |
Toggle
This is toggled details.
- 1
- 2
- 3
How to start your astro-notion-blog
♻️
Synced Block
- 1
- 2
- 3
♻️
Synced Block
- 1
- 2
- 3
This is a caption
Amazon link