astro-notion-blogThis 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标题 1标题 2标题 3可切换标题 1可切换标题 2可切换标题 3段落无序列表有序列表待办事项列表分割线标注代码带有 Mermaid 图表的代码引用公式表格文件切换页面链接同步块图片链接预览 & 书签Twitter（嵌入）Instagram（嵌入）TikTok（嵌入）Pinterest（嵌入）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
Synced Block
♻️
Synced Block
- 1
- 2
- 3
Image
Link Preview & Bookmark
Amazon link
Twitter(Embed)
Instagram(Embed)
TikTok(Embed)
Pintarest(Embed)
YouTube
CodePen
标题 1
标题 2
标题 3
可切换标题 1
内容
段落
段落
粗体
斜体
下划线
删除线
代码
颜色
背景颜色
彩色块
彩色文本与彩色块
无序列表
- 无序列表
- 海胆
- 章鱼
- 甲
- 乙
有序列表
- 有序列表
- 螃蟹
- 鱿鱼
- 一
- 二
待办事项
待办事项 2
列表
列 1
列 2
分割线
标注
标注
换行
换行
彩色标注和背景颜色
代码
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<h1>你好，世界！</h1>);带有 Mermaid 图表的代码
flowchart LR; A[硬边] --->|链接文本|B(圆边)
引用
引用块
公式
表格
| 简单 | 表格 | 鱿鱼 | 章鱼 | 鲑鱼 |
| 1 | 2 | 3 | 4 | 5 |
| 甲 | 乙 | 丙 | 丁 | 戊 |
| A | B | C | D | E |
文件
sample.pdf切换
切换
这是切换的详细信息。
- 1
- 2
- 3
页面链接
如何开始使用你的 astro-notion-blog
同步块
同步块
- 1
- 2
- 3
同步块
- 1
- 2
- 3
图片
This is a caption
链接预览 & 书签
亚马逊链接