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

This is a caption
Link Preview & Bookmark
Amazon link

Dark Side TechLead