astro-notion-blog

Description is here. The icon, the title, the description can be modified in Notion.

🔧 Supported blocks

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

image block

Column 2

image block

Divider


Callout

ℹ️
Callout
Line break
Colored Callout and background color
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

How to start your astro-notion-blog

Synced Block

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

Image

image block

Link Preview & Bookmark

Twitter

YouTube