Markdown 記法テスト

この記事はブログの Markdown レンダリングを確認するためのサンプルです。


見出し

h1 見出し

h1 はページタイトル相当。記事本文では通常 h2 から使います。

h2 見出し

h2 は記事の主要セクションの区切りに使います。

h3 見出し

h3 は h2 のサブセクションに使います。

h4 見出し

h4 はさらに細かい分類に使います。

h5 見出し

h5 以降は深い階層構造が必要なときに使います。

h6 見出し

h6 は Markdown で使える最も深い見出しです。

# h1 見出し
## h2 見出し
### h3 見出し
#### h4 見出し
##### h5 見出し
###### h6 見出し

テキスト装飾

太字イタリック太字+イタリック打ち消し線インラインコード

**太字***イタリック****太字+イタリック***~~打ち消し線~~`インラインコード`

リンク

[内部リンク(ブログ一覧)](/blog)
[外部リンク(YouTube)](https://www.youtube.com/@zuitan)

リスト

箇条書きリスト

  • アイテム 1
  • アイテム 2
    • ネスト 2-1
    • ネスト 2-2
      • ネスト 3-1
  • アイテム 3
- アイテム 1
- アイテム 2
  - ネスト 2-1
  - ネスト 2-2
    - ネスト 3-1
- アイテム 3

番号付きリスト

  1. 最初のアイテム
  2. 2番目のアイテム
    1. ネスト 2-1
    2. ネスト 2-2
  3. 3番目のアイテム
1. 最初のアイテム
2. 2番目のアイテム
   1. ネスト 2-1
   2. ネスト 2-2
3. 3番目のアイテム

タスクリスト

  • 完了したタスク
  • これも完了
  • 未完了のタスク
  • こちらも未完了
- [x] 完了したタスク
- [x] これも完了
- [ ] 未完了のタスク
- [ ] こちらも未完了

引用

シンプルな引用です。

複数行にまたがる引用。 2行目も同じ引用ブロックに含まれます。

ネストした引用:

これはネストされた引用です。

> シンプルな引用です。

> **ネストした引用:**
>
> > これはネストされた引用です。

Callout

Note

補足情報を伝えるときに使います。

Tip

便利なヒントや推奨事項を伝えるときに使います。

Important

重要な情報を強調するときに使います。

Warning

注意が必要な情報を伝えるときに使います。

Caution

危険・副作用など強い警告を伝えるときに使います。

> [!NOTE]
> 補足情報を伝えるときに使います。

> [!TIP]
> 便利なヒントや推奨事項を伝えるときに使います。

> [!IMPORTANT]
> 重要な情報を強調するときに使います。

> [!WARNING]
> 注意が必要な情報を伝えるときに使います。

> [!CAUTION]
> 危険・副作用など強い警告を伝えるときに使います。

コードブロック

シンタックスハイライト

interface User {
  name: string
  age: number
}

const greet = (user: User): string => {
  return `Hello, ${user.name}! You are ${user.age} years old.`
}

const user: User = { name: '和泉ずい', age: 25 }
console.log(greet(user))
def fibonacci(n: int) -> list[int]:
    """フィボナッチ数列を生成する"""
    seq = [0, 1]
    for _ in range(n - 2):
        seq.append(seq[-1] + seq[-2])
    return seq[:n]

print(fibonacci(10))
# [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]
```typescript title="greet.ts"
const greet = (name: string) => `Hello, ${name}!`
```

テーブル

基本テーブル

名前役割言語
AstroフレームワークTypeScript
TailwindスタイリングCSS
Cloudflareホスティング-

列の揃え(左・中央・右)

左揃え中央揃え右揃え
AppleOrangeGrape
100200300
あいうえかきくけさしすせ
| 左揃え | 中央揃え | 右揃え |
| :----- | :------: | -----: |
| Apple  |  Orange  |  Grape |

水平線

テキスト


テキスト

---

画像

和泉ずい アイコン

![代替テキスト](/images/icon.png)

脚注

脚注の参照はこのように書きます1。複数の脚注も使えます2

脚注の参照[^1]。

[^1]: 脚注の本文。

特殊文字・エスケープ

バックスラッシュでエスケープ: *アスタリスク* `バッククォート`

\*アスタリスク\* \`バッククォート\`

Footnotes

  1. これは脚注の本文です。記事の末尾に表示されます。

  2. 脚注にはラベル名をつけることもできます。