エッセイ

[書式テスト] 全ブロック描画チェック

Notion 全ブロックの描画検証用ページ。

0. 概要

このページは Notion がサポートする全ブロックタイプの描画検証用です。各セクション直前の h2 がラベルとして機能します。

1. heading_1 / heading_2 / heading_3

これは heading_1 です

これは heading_2 です

これは heading_3 です

h3 直後の段落。

2. paragraph & インライン装飾

プレーン段落。MikitopGear の本文用フォントとレディングを確認します。

装飾なし / 太字 / イタリック / 取り消し線 / 下線 / インラインコード / 外部リンク / 赤文字 / 青背景。/外部リンク太字

3. bulleted_list_item(ネスト含む)

  • 第1項目
    • 第1-1 ネスト
      • 第1-1-1 ネスト
  • 第2項目

4. numbered_list_item(ネスト含む)

  1. 第1ステップ
    1. 1-1 サブステップ
  2. 第2ステップ

5. to_do

  • チェック済タスク
  • 未チェックタスク

6. toggle

折りたたみラベル(開いて中身を確認)

toggle の中身。段落、リスト、コードなど任意のブロックを入れられる。

  • 中身リスト1

7. quote

引用ブロック。複数行の引用も検証する。

8. callout

💡 これは callout。emoji と本文の位置関係を確認。

9. code(複数言語)

const greet = (name: string) => `Hello, ${name}`;
console.log(greet("mikitoP"));
pnpm install
pnpm dev
{
  "name": "mikitopgear",
  "version": "1.0.0"
}

10. divider


11. image

Wikimedia Commons の PNG 透過テスト画像(キャプション付き)

12. video(外部 URL)

13. file

dummy.pdf

14. pdf

dummy.pdf

15. bookmark

GitHub - vercel/next.js: The React FrameworkThe React Framework. Contribute to vercel/next.js development by creating an account on GitHub.github.com

16-a. embed (YouTube)

16-b. embed (Vimeo)

16-c. embed (Spotify)

16-d. embed (SoundCloud)

16-e. embed (ニコニコ動画)

16-f. embed (Amazon)

AmazonmicroSDXC 128GB SanDisk アプリ最適化 A1対応 サンディスク UHS-1 超高速U1 専用 SDアダプター付 [並行輸入品]Amazonで見る

18. equation

$$ E = mc^2 $$

19. table

列1列2列3
abc
ねこいぬうさぎ

20. column_list / column

左カラム:段落 1

右カラム:段落 2

21. synced_block

synced_block の中身(オリジナル側)