📔
notion-md-converterで実行した時のmarkdown

2025/02/15に公開
TypeScript
 このライブラリを使ってNotionのブロックを変換した時の一覧
 使用したライブラリhttps://github.com/salvage0707/notion-md-converter
https://zenn.dev/articles/4b3e05623bf11e/edit

 変換対象のブロックhttps://malvageee.notion.site/1982ad69d3ce80a9b37fd990af6292e2?v=1992ad69d3ce80bb9950000cf51c9ea6&pvs=74

 以下が変換されたMarkdownvideoとか未完成な部分は実装中。
row markdown## Video

空動画

<video controls src=""></video>


アップロード動画

<video controls src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3bab809a-b644-41d4-92a4-7ddf3aa52c20/730a3c69-68cc-4b6d-8881-34f1fead1f30/SampleVideo_1280x720_2mb.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466WLG3GAP7%2F20250215%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250215T094723Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEBoaCXVzLXdlc3QtMiJHMEUCIBPnTgL72cZs4Hg4jWWY49WWMlSdVe7K%2BOT5ifHmwwmoAiEA7nxZPJrfeQX%2Flnk%2BmDkCP%2BUoP%2BnlSZ1dzjSgRD9yReoq%2FwMIQxAAGgw2Mzc0MjMxODM4MDUiDP%2BDCghsdCmGsxaG5yrcA9iYV8ZnRb9Hm0suVHeNdmKpO4Mw5R12sGD46pB8fw1OBgCTxzP7evZ%2F1B2x%2BFIURstsoGqwcqY%2BGBGuZnWNC7k%2F1Hz%2F8nEzsibsSW%2FpSDf3SkWRr81JliKecvyuu86dbBEy5HoefJTAyq6zb78iuURgy0VHD3FMigvxliRGpvIKz87sG5N0xhdiLH7wTIsdvLvfhe5XsNCEqNTRSZXGlr5CBSyMv5dbmPD0FtO4qeAuVtqjPu5HXBqJQs5ZsIXaujxJnKs2za0uCmRaYlS5eG7Uywn8FIZvRKlbKck7Ghh9f8NnO6155guFWEwQKXWA%2FxRRr4zg4An6L6vqlZviiTVqSV3j2wdgrntmPDyUTnEuLASsf%2BNmj%2BSA5eleuzmGLMVGH99LbqwZc53dracAge%2Bavo4MgIaqQPlPdlyA8%2BjkuFxw2Gxf8UJrGOXIYQ4lfbVOVi8913wnGGREi%2FCojd9OVOkQesj%2FHxgf8ZvTQ7aCR0SO9MC6CxiV3MzY8jvIRc%2FodtDbTEKZHBmkYbrMR7mCeselFdpxYQ2Pz0%2Fn4oLI9EBMPM0G2DJfHGe6VWAgRV2JU8d9NtpR4gzxmf8zRmbaOUZ0w3YDh12Zm%2FpG8P6Ju5oqg8Pp6QLO2hurMOi9wb0GOqUBKSPMBmZJATBK1jNWxBKLR6gS7WI24pT68kZAFIm82p0IR%2FDR%2Btc6OK2ZiLhOvTditwsBHt3QHMLjGZwUNQx%2BA2jAtGbU7ehRzxx3i89twRJdlFAop3w%2B0ZBd2YwO9PWXtPuY%2FVarxyiVvSSMwSNnnPHP7nd%2BGQPOKJrInM0aQCjWANWDrmC9%2BicizR5beN12hJ7jzSgmSo55m898K3Km0JJc1iKg&X-Amz-Signature=90e25301d1252594712b4d834abe3dd1e36d839f9251988f90a4d5beb12caa80&X-Amz-SignedHeaders=host&x-id=GetObject"></video>


外部動画

<video controls src="https://www.youtube.com/watch?v=O5O3yK8DJCc"></video>


## Toggle

通常のトグル

:::details title
content
:::


タイトルなしトグル

:::details
only content
:::


本文なしトグル

:::details only title

:::


本文に別ブロックあり

:::details some blocks
text

```javascript
console.log("hello")
```


> 引用

:::


## To Do

通常のリスト
- [ ] item1
- [x] item2

ネストしたリスト
- [ ] item1
  - [ ] nested item1
- [x] item2
  - [ ] nested item2
    - [x] nested nested item1

リスト以外のブロックを含むリスト
- [ ] item1
  
  > 引用A
  
- [ ] item2
  - [ ] nested item
    
    > 引用B
    

## Table

通常のテーブル

| header1  | header2  |
| -------- | -------- |
| content1 | content2 |
| content3 | content4 |


ヘッダーだけテーブル

| header1 | header2 |
| ------- | ------- |


リッチテキスト入りテーブル

| **bold** | *italic*          |
| -------- | ----------------- |
| color    | ~~strikethrough~~ |
| Equation | link              |


列見出し・行見出しのテーブル

| header1  | header2  |
| -------- | -------- |
| content1 | content2 |
| content3 | content4 |


## Synced block

同期元ブロック
synced block

同期先ブロック
synced block

## Quote

通常のQuote

> normal Quote


リッチテキストQuote

> color **bold** *italic* ~~strikethrough~~ _underline_ `code`  Equation link 


Quote内部に別ブロック

> quote
> - item1
> - item2


## PDF

アップロード


外部ファイル


## Paragraph

通常のテキスト
Paragraph text

様々なアノテーション
color **bold** *italic* ~~strikethrough~~ _underline_ `code`  Equation link 

1つに複数アノテーション
_***bold-italig-underline***_

リンクテキスト
https://qiita.com/konatsu_p/items/dfe199ebe3a7d2010b3e



## Numbered list item

通常のリスト
1. item1
2. item2

ネストしたリスト
1. item1
   1. nested item1
2. item2
   1. nested item2
      1. nested nested item1

リスト以外のブロックを含むリスト
1. item1
   
   > 引用A
   
2. item2
   - nested item
     
     > 引用B
     

## Mention

ユーザーメンション
@Anonymous 

日付メンション
2025-02-13 

ページメンション
Heading 

link_mention
[https://qiita.com/konatsu_p/items/dfe199ebe3a7d2010b3e](https://qiita.com/konatsu_p/items/dfe199ebe3a7d2010b3e)

## Link Preview

GitHub Preview
https://github.com/salvage0707/notion-md-converter/pull/1


## Image

空画像


アップロード画像


リンク埋め込み


Unsplash


GIHPY


## Heading


# Heading 1


## Heading 2


### Heading 3



## File

空ファイル


テキストファイル


テキストファイル（キャプションあり）


テキストファイル（リッチテキストキャプションあり）


テキストファイル（ファイル名カラーあり）


PDF


外部ファイル


## Equation

式ブロック

$$
x = 1 + y
$$


式インライン
x = 1 + y

## Embed

X
https://x.com/yusukebe/status/1752246222541463620

Youtube

<video controls src="https://www.youtube.com/watch?v=PCpV-DqR9EA"></video>


SpeakerDeck（IDなし）
[https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai](https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai)

SpeakerDeck（IDあり）
@[speakerdeck](7785609673f8490fbd44d3c23418ecda)


## Divider


---



## Column list

通常のカラム表示
left
middle
right

カラムの中にParagraph以外のブロック

## h2 text

- list item1
- list item2

## Code Block

Plain Text

```
sample code block
```


JavaScript

```javascript
console.log("hello")
```


コードにリッチテキストあり（code, Equation, link はコードブロックでは未対応）

```javascript
console.log("color bold italic strikethrough underline")
```


キャプションあり（diffなし、ファイル名あり）

```javascript:hello.js
console.log("diff: false, filename: true")
```


キャプションあり（diffあり、ファイル名なし）

```diff javascript
- console.log("diff: true, filename: false")
+ console.log("add code")
```


キャプションあり（diffあり、ファイル名あり）

```diff javascript:hello.js
- console.log("diff: true, filename: true")
+ console.log("add code")
```


キャプションにリッチテキストあり（codeはキャプションでは未対応）

```javascript:color bold italic strikethrough underline   Equation link
console.log("caption rich text")
```


Mermaid

```mermaid
graph TD
  Mermaid --> Diagram
```


## Child page

通常の子ページ


## Child database

フルページのChild database


インラインのChild database


## Callout Block

通常のCallout

:::message
normal callout
:::


iconなしCallout

:::message
no icon callout
:::


カラーありCallout

:::message
background color callout
:::


リッチテキストありCallout

:::message
color **bold** *italic* ~~strikethrough~~ _underline_ `code`  Equation link 
:::


テキストカラーありCallout

:::message
text color callout
:::


テキスト&背景カラーありCallout
⇒ 両立はできない

## Bulleted list item

通常のリスト
- item1
- item2

ネストしたリスト
- item1
  - nested item1
- item2
  - nested item2
    - nested nested item1

リスト以外のブロックを含むリスト
- item1
  
  > 引用A
  
- item2
  - nested item
    
    > 引用B
    

## Breadcrumb




## Bookmark

空のブックマーク
[]()

通常のブックマーク
[https://zenn.dev/zenn/articles/markdown-guide#%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%90%8D%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B](https://zenn.dev/zenn/articles/markdown-guide#%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%90%8D%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B)



 Video空動画
<video controls src=""></video>
アップロード動画
<video controls src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3bab809a-b644-41d4-92a4-7ddf3aa52c20/730a3c69-68cc-4b6d-8881-34f1fead1f30/SampleVideo_1280x720_2mb.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466WLG3GAP7%2F20250215%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250215T094723Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEBoaCXVzLXdlc3QtMiJHMEUCIBPnTgL72cZs4Hg4jWWY49WWMlSdVe7K%2BOT5ifHmwwmoAiEA7nxZPJrfeQX%2Flnk%2BmDkCP%2BUoP%2BnlSZ1dzjSgRD9yReoq%2FwMIQxAAGgw2Mzc0MjMxODM4MDUiDP%2BDCghsdCmGsxaG5yrcA9iYV8ZnRb9Hm0suVHeNdmKpO4Mw5R12sGD46pB8fw1OBgCTxzP7evZ%2F1B2x%2BFIURstsoGqwcqY%2BGBGuZnWNC7k%2F1Hz%2F8nEzsibsSW%2FpSDf3SkWRr81JliKecvyuu86dbBEy5HoefJTAyq6zb78iuURgy0VHD3FMigvxliRGpvIKz87sG5N0xhdiLH7wTIsdvLvfhe5XsNCEqNTRSZXGlr5CBSyMv5dbmPD0FtO4qeAuVtqjPu5HXBqJQs5ZsIXaujxJnKs2za0uCmRaYlS5eG7Uywn8FIZvRKlbKck7Ghh9f8NnO6155guFWEwQKXWA%2FxRRr4zg4An6L6vqlZviiTVqSV3j2wdgrntmPDyUTnEuLASsf%2BNmj%2BSA5eleuzmGLMVGH99LbqwZc53dracAge%2Bavo4MgIaqQPlPdlyA8%2BjkuFxw2Gxf8UJrGOXIYQ4lfbVOVi8913wnGGREi%2FCojd9OVOkQesj%2FHxgf8ZvTQ7aCR0SO9MC6CxiV3MzY8jvIRc%2FodtDbTEKZHBmkYbrMR7mCeselFdpxYQ2Pz0%2Fn4oLI9EBMPM0G2DJfHGe6VWAgRV2JU8d9NtpR4gzxmf8zRmbaOUZ0w3YDh12Zm%2FpG8P6Ju5oqg8Pp6QLO2hurMOi9wb0GOqUBKSPMBmZJATBK1jNWxBKLR6gS7WI24pT68kZAFIm82p0IR%2FDR%2Btc6OK2ZiLhOvTditwsBHt3QHMLjGZwUNQx%2BA2jAtGbU7ehRzxx3i89twRJdlFAop3w%2B0ZBd2YwO9PWXtPuY%2FVarxyiVvSSMwSNnnPHP7nd%2BGQPOKJrInM0aQCjWANWDrmC9%2BicizR5beN12hJ7jzSgmSo55m898K3Km0JJc1iKg&X-Amz-Signature=90e25301d1252594712b4d834abe3dd1e36d839f9251988f90a4d5beb12caa80&X-Amz-SignedHeaders=host&x-id=GetObject"></video>
外部動画
<video controls src="https://www.youtube.com/watch?v=O5O3yK8DJCc"></video>

 Toggle通常のトグル
titlecontent
タイトルなしトグル
:::details

only content

:::
本文なしトグル
only title
本文に別ブロックあり
some blockstext
console.log("hello")
引用

 To Do通常のリスト

 item1

 item2
ネストしたリスト

 item1

 nested item1


 item2

 nested item2

 nested nested item1


リスト以外のブロックを含むリスト
 item1
引用A
 item2
 nested item
引用B

 Table通常のテーブル


header1
header2


content1
content2

content3
content4

ヘッダーだけテーブル


header1
header2

リッチテキスト入りテーブル


bold
italic


color
strikethrough

Equation
link

列見出し・行見出しのテーブル


header1
header2


content1
content2

content3
content4


 Synced block同期元ブロック

synced block
同期先ブロック

synced block

 Quote通常のQuote
normal Quote
リッチテキストQuote
color bold italic strikethrough underline code  Equation link
Quote内部に別ブロック
quote
item1
item2

 PDFアップロード
外部ファイル

 Paragraph通常のテキスト

Paragraph text
様々なアノテーション

color bold italic strikethrough underline code  Equation link
1つに複数アノテーション

bold-italig-underline
リンクテキスト

https://qiita.com/konatsu_p/items/dfe199ebe3a7d2010b3e

 Numbered list item通常のリスト
item1
item2
ネストしたリスト
item1
nested item1

item2
nested item2
nested nested item1


リスト以外のブロックを含むリスト
item1
引用A
item2
nested item
引用B

 Mentionユーザーメンション

@Anonymous
日付メンション

2025-02-13
ページメンション

Heading
link_mention

https://qiita.com/konatsu_p/items/dfe199ebe3a7d2010b3e

 Link PreviewGitHub Preview

https://github.com/salvage0707/notion-md-converter/pull/1

 Image空画像
アップロード画像
リンク埋め込み
Unsplash
GIHPY

 Heading
 Heading 1
 Heading 2
 Heading 3
 File空ファイル
テキストファイル
テキストファイル（キャプションあり）
テキストファイル（リッチテキストキャプションあり）
テキストファイル（ファイル名カラーあり）
PDF
外部ファイル

 Equation式ブロック

x = 1 + y
式インライン

x = 1 + y

 EmbedX

https://x.com/yusukebe/status/1752246222541463620
Youtube
<video controls src="https://www.youtube.com/watch?v=PCpV-DqR9EA"></video>
SpeakerDeck（IDなし）

https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai
SpeakerDeck（IDあり）

 Divider
 Column list通常のカラム表示

left

middle

right
カラムの中にParagraph以外のブロック

 h2 textlist item1
list item2

 Code BlockPlain Text
sample code block
JavaScript
console.log("hello")
コードにリッチテキストあり（code, Equation, link はコードブロックでは未対応）
console.log("color bold italic strikethrough underline")
キャプションあり（diffなし、ファイル名あり）
hello.js
console.log("diff: false, filename: true")
キャプションあり（diffあり、ファイル名なし）
- console.log("diff: true, filename: false")
+ console.log("add code")
キャプションあり（diffあり、ファイル名あり）
hello.js
- console.log("diff: true, filename: true")
+ console.log("add code")
キャプションにリッチテキストあり（codeはキャプションでは未対応）
color bold italic strikethrough underline   Equation link
console.log("caption rich text")
Mermaid

 Child page通常の子ページ

 Child databaseフルページのChild database
インラインのChild database

 Callout Block通常のCallout
!normal callout
iconなしCallout
!no icon callout
カラーありCallout
!background color callout
リッチテキストありCallout
!color bold italic strikethrough underline code  Equation link
テキストカラーありCallout
!text color callout
テキスト&背景カラーありCallout

⇒ 両立はできない

 Bulleted list item通常のリスト
item1
item2
ネストしたリスト
item1
nested item1

item2
nested item2
nested nested item1


リスト以外のブロックを含むリスト
item1
引用A
item2
nested item
引用B

 Breadcrumb
 Bookmark空のブックマーク

通常のブックマーク

https://zenn.dev/zenn/articles/markdown-guide#%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%90%8D%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B
このライブラリを使ってNotionのブロックを変換した時の一覧

使用したライブラリ

変換対象のブロック

以下が変換されたMarkdown

Video

Toggle

To Do

Table

Synced block

Quote

PDF

Paragraph

Numbered list item

Mention

Link Preview

Image

Heading

Heading 1

Heading 2

Heading 3

File

Equation

Embed

Divider

Column list

h2 text

Code Block

Child page

Child database

Callout Block

Bulleted list item

Breadcrumb

Bookmark

Discussion
