This page shows you what type of Notion blocks astro-notion-blog supports.

Heading 1

Heading 2

Heading 3

▶

Toggleable Heading 1

contents

▶

Toggleable Heading 2

写点东西？

测试一下

▶

Toggleable Heading 3

Paragraph

bold

italic

Underline

~~Strike~~

link

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
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

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

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

This is toggled details.

Link to page

Synced Block

♻️

Synced Block

♻️

Synced Block

Image

Link Preview & Bookmark

GitHub - otoyo/easy-notion-blog: ✍️ Let’s start your own Notion Blog easily. / Notion Blogを始めましょう！

✍️ Let’s start your own Notion Blog easily. / Notion Blogを始めましょう！ - otoyo/easy-notion-blog

https://github.com

Amazon link

https://amzn.to/47IzZfx

Twitter(Embed)

Instagram(Embed)

TikTok(Embed)

Pintarest(Embed)

YouTube

CodePen

Mention link

Further information

You can find further information in wiki of the GitHub repository.

SayHi	This
Hello	1
Hi	2

以下是文章的中文翻译：

标题 1

标题 2

标题 3

可折叠标题 1

内容

可折叠标题 2

写点东西？

测试一下

可折叠标题 3

段落

粗体

斜体

下划线

~~删除线~~

链接

代码

🏝️用于子页面跳转的页面效果

颜色

颜色背景

带颜色的块

彩色文本与彩色块

无序列表

无序列表
Uni
Tako
- AAA
- BBB

有序列表

有序列表
Kani
Ika
1. 111
2. 222

待办事项

~~待办事项 1~~

待办事项 2

列表列

列 1

列 2

分隔线

提示框

提示框
换行

彩色提示框和背景颜色

代码

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(&lt;h1&gt;Hello, world!&lt;/h1&gt;);

带Mermaid图表的代码

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

引用

引用块

公式

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

表格

表格内容已省略，但保持原格式

文件

sample.pdf

折叠

折叠
这是被折叠的详情。
- 1
- 2
- 3

链接到页面

银河系 Ai-233 星区主控台

同步块

图片

astro-notion-blog.png

链接预览 & 书签

GitHub - youxiaohanpian/astro-notion-blog-main: Website Link

Website Link. Contribute to youxiaohanpian/astro-notion-blog-main development by creating an account on GitHub.

https://github.com

🔧 Supported blocks

Toggleable Heading 1

Toggleable Heading 2

Toggleable Heading 3