🚀Astro-notion-blog

Notion記事をAstroを利用してブログ化

Supported blocks

※本ページはプロモーションが含まれています

Heading 1

Heading 2

Heading 3

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

Column list

Column 1

Image in a image block

Column 2

Image in a image block

Divider


ℹ️
Callout
Line break
💡
Colored Callout and background color

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}

SimpleTableIkaTakoShake
12345
abcde
ABCDE

Toggle

This is toggled details.

  • 1
  • 2
  • 3

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

SyncBlock

ここはSyncBlockで表示

Image in a image block
This is image caption.

Link Preview & Bookmark

Twitter

YouTube