この記事はブログの 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
番号付きリスト
- 最初のアイテム
- 2番目のアイテム
- ネスト 2-1
- ネスト 2-2
- 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 | ホスティング | - |
列の揃え(左・中央・右)
| 左揃え | 中央揃え | 右揃え |
|---|---|---|
| Apple | Orange | Grape |
| 100 | 200 | 300 |
| あいうえ | かきくけ | さしすせ |
| 左揃え | 中央揃え | 右揃え |
| :----- | :------: | -----: |
| Apple | Orange | Grape |
水平線
テキスト
テキスト
---
画像
![]()

脚注
脚注の参照[^1]。
[^1]: 脚注の本文。
特殊文字・エスケープ
バックスラッシュでエスケープ: *アスタリスク* `バッククォート`
\*アスタリスク\* \`バッククォート\`