Memo

2023-03-05
Diary

🔧Supported blocks

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

Table of contents

Table of contents Heading 1 Heading 2 Heading 3 Toggleable Heading 1 Toggleable Heading 2 Toggleable Heading 3 Paragraph Bulleted List Numbered List To Do Column List Divider Callout Code Code with Mermaid diagram Quote Equation Table File Toggle Link to page Synced Block Image Link Preview & Bookmark Twitter YouTube

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

sample.pdf

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

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を始めましょう！ - GitHub - otoyo/easy-notion-blog: ✍️ Let’s start your own Notion Blog easily. / Notion Blogを始めましょう！
title
https://github.com
title

Twitter

YouTube

Diary