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

Paragraph

bold

italic

Underline

Strike

link

code

A Trip to Miyakojima-island

color

color background

colored block

colored text with colored block

Bulleted List

• Bulleted List

• Uni

• Tako

Numbered List

1. Numbered List

1. Kani

1. Ika

To Do

To-do 1

To-do 2

Column List

Divider

Callout

Code

						const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<h1>Hello, world!</h1>);
					

Code with Mermaid diagram

						flowchart LR;
  A[Hard Edge] --->|LinkText|B(Round Edge)
					

Quote

Quote Block

Equation

\(c = \pm\sqrt{a^2 + b^2}\)

Table

File

Toggle

Link to page

Synced Block

Image

Link Preview & Bookmark

Amazon link

GitHib link

Twitter(Embed)

Instagram(Embed)

TikTok(Embed)

Pintarest(Embed)

YouTube

CodePen

Circuit Simulator Applet