astro-notion-blog

2021-11-03
Diary

🔧 Supported blocks

Heading 1

Heading 2
Heading 3

Toggleable Heading

contents

Paragraph

bold

italic

Underline

Strike

link

code

color

color background

colored block

colored text with colored block

  • Bulleted List
  • Uni
  • Tako
    • AAA
    • BBB

  1. Numbered List
  2. Kani
  3. Ika
    1. 111
    2. 222

To-do 1
To-do 2

Heading 1 Heading 2 Heading 3 Toggleable Heading

Column list

Column 1

image block

Column 2

image block

Divider

ℹ️
Callout
Line break
💡
Colored Callout and background color
image block 

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<h1>Hello, world!</h1>);
This is code caption.

flowchart LR;
  A[Hard Edge] --->|LinkText|B(Round Edge)
Mermaid notation

gitGraph
       commit
       commit
       branch develop
       checkout develop
       commit
       commit
       checkout main
       merge develop
       commit
       commit
Mermaid - Gitgraph Diagrams

Quote Block

c=±a2+b2c = \pm\sqrt{a^2 + b^2}

Simple Table Ika Tako Shake
1 2 3 4 5
a b c d e
A B C D E

File block

Toggle

This is toggled details.

  • 1
  • 2
  • 3

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

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