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

contents

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
  • AAA
  • BBB

Numbered List

1. Numbered List
2. Kani
3. Ika
   1. 111
   2. 222

To Do

• To-do 1
• To-do 2

Column List

Column 1

Column 2

Divider

---

Callout

ℹ️ Callout
Line break

Colored Callout and background color

![](/static/158cfe59-222e-81b3-a565-c225079afc7f.webp)

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

Simple	Table	Ika	Tako	Shake
1	2	3	4	5
a	b	c	d	e
A	B	C	D	E

File

sample.pdf

Toggle

Toggle

This is toggled details.

• 1
• 2
• 3

Link to page

linktopage

Synced Block

♻️ Synced Block

• 1
• 2
• 3

♻️ Synced Block

• 1
• 2
• 3

Image

Link Preview & Bookmark

https://github.com/otoyo/easy-notion-blog

Amazon link

https://amzn.to/47IzZfx

Twitter(Embed)

easy-notion-blog バージョン0.10の内容を紹介します。コードハイライトやマーメイド図がNotionらしくなりました。

https://t.co/Anw4T4OffM

— おとよ🦙 (@otoyo0122) August 14, 2022

Instagram(Embed)

https://www.instagram.com/p/Cv0EE8GLGla/?hl=en

TikTok(Embed)

@scout2015

Scramble up ur name & I’ll try to guess it😍❤️ #foryoupage #petsoftiktok #aesthetic

♬ original sound - tiff

Pintarest(Embed)

https://www.pinterest.jp/pin/407294360059560713/

YouTube

CodePen