Markdown と MDX の機能デモ

このページでは、ブログで使用可能な様々な Markdown 機能を紹介します。

テキスト装飾

太字のテキスト、イタリックのテキスト、取り消し線、インラインコード。

リスト

順序なしリスト

• アイテム 1
• アイテム 2
  • サブアイテム 2.1
  • サブアイテム 2.2
• アイテム 3
• アイテム 4

順序付きリスト

1. 最初のステップ
2. 次のステップ
3. 最後のステップ

ブロック引用

これはブロック引用です。重要な情報や引用を強調するために使用できます。

複数行にわたって書くこともできます。

コードブロック

JavaScript

const calculateSum = (a, b) => {
  return a + b;
};

console.log(calculateSum(5, 10)); // 15

Python

def greet(name):
    return f"Hello, {name}!"

print(greet("World"))

TypeScript

interface User {
  id: number;
  name: string;
  email: string;
}

const user: User = {
  id: 1,
  name: "John Doe",
  email: "john@example.com",
};

テーブル

機能	説明	ステータス
Markdown	基本的な Markdown サポート	✅ 完了
MDX	React コンポーネントのサポート	✅ 完了
シンタックスハイライト	コードのハイライト表示	✅ 完了
ダークモード	テーマ切り替え	✅ 完了

リンク

Astro 公式サイトにアクセスして、より詳しい情報を確認できます。

画像

画像も簡単に挿入できます（実際の画像パスに置き換えてください）：

![代替テキスト](画像のパス)

水平線

---

タスクリスト

• プロジェクトの初期化
• 設定ファイルの作成
• コンポーネントの実装
• テストの作成

まとめ

このテンプレートは豊富な Markdown 機能をサポートしており、技術ブログやドキュメントサイトに最適です。