🔧 Supported blocks

Walter Köhlenberg |

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

🏝️Arrow icon of a page linkA 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

Image in a image block

Column 2

Image in a image block

Divider


Callout

ℹ️
Callout
Line break
Colored Callout and background color
Image in a image block

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 linkHow to start your astro-notion-blog

Synced Block

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

Image

Image in a image block
This is a caption

Link Preview & Bookmark

Amazon link

GitHib link

Twitter(Embed)

Instagram(Embed)

TikTok(Embed)

Pintarest(Embed)

YouTube

CodePen

Circuit Simulator Applet

Walter Köhlenberg
Walter Köhlenberg

Enthusiastic about empowering people through their belief system. Moving from scarcity to abundance.