Site cover image

🔧 Supported blocks

Document
Featured image of the post

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

スポンサーリンク

Table of contents

目次
  1. Table of contents
  2. Heading 1
  3. Heading 2
  4. Heading 3
  5. Toggleable Heading 1
  6. Toggleable Heading 2
  7. Toggleable Heading 3
  8. Paragraph
  9. Bulleted List
  10. Numbered List
  11. To Do
  12. Column List
  13. Divider
  14. Callout
  15. Code
  16. Code with Mermaid diagram
  17. Quote
  18. Equation
  19. Table
  20. File
  21. Toggle
  22. Link to page
  23. Synced Block
  24. Image
  25. Link Preview & Bookmark
  26. Twitter(Embed)
  27. Instagram(Embed)
  28. Pintarest(Embed)
  29. YouTube
  30. Bluesky

Heading 1

Notionの入力は#
サイトではH2として表示

Heading 2

Notionの入力は##
サイトではH3として表示

Heading 3

Notionの入力は###
サイトではH4として表示

Toggleable Heading 1

contents

Toggleable Heading 2

Toggleable Heading 3

Paragraph

Paragraph

bold

italic

Underline

Strike

link

code

🍱Arrow icon of a page link4年間使ってみた！nosh（ナッシュ）のリアルな評判と私の感想

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

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=±a2+b2c = \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

Toggle

Toggle

This is toggled details.

  • 1
  • 2
  • 3

Link to page

🚫 Arrow icon of a page linkPost not found

Synced Block

♻️
Synced Block
  • 1
  • 2
  • 3
♻️
Synced Block
  • 1
  • 2
  • 3

Image

This is a caption

キャプションの最初に「小+スペース」と入力：最大300px

キャプションの最初に「中+スペース」と入力：最大600px

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
Favicon of the bookmark site
https://github.com
Site image of the bookmark
This is a caption

Amazon link

https://amzn.to/47IzZfx

GitHib link

Twitter(Embed)

Instagram(Embed)

Pintarest(Embed)

YouTube

Bluesky

手帳会議、いろいろ悩んだけど結局以下のようになりそう！ ・プライベート用 ジブン手帳biz mini ・仕事用 ほぼ日weeks ・内省・ワーク等 ピュアライフダイアリー

[image or embed]

— まなてぃ (@manatee15jam.bsky.social) 2026年9月14日 23:21

コードブロック HTML埋め込みで表示

スポンサーリンク
Document