Site cover image

Site icon imageLiving with SLE

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

🏝️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
Icon in a callout block
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

SimpleTableIkaTakoShake
12345
abcde
ABCDE

File

Toggle

Toggle

This is toggled details.

  • 1
  • 2
  • 3

Link to page

Post title icon in a page linkArrow 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

Twitter(Embed)

Instagram(Embed)

TikTok(Embed)

Pintarest(Embed)

YouTube

CodePen