article icon

MDXテスト用ページのデモを生成してみる。長さが20を超えている場合はbudouxによる改行が行われる。全然改行されないんですが。。どうして。。

2024-08-26

MDXテスト用ページ

これはMDXの全ての主要な記法を用いた例示ページです。各セクションで異なる記法を紹介します。

2. テキストスタイリング

通常のテキストはこのように表示されます。

これは太字のテキストです。

これは斜体のテキストです。

これは太字かつ斜体のテキストです。

これは取り消し線付きのテキストです。

これはインラインコードです。

3. 見出し

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

4. リスト

順序なしリスト

  • 項目1
  • 項目2
    • サブ項目2.1
    • サブ項目2.2
  • 項目3

順序付きリスト

  1. 最初の項目
  2. 二番目の項目
  3. 三番目の項目
    1. サブ項目3.1
    2. サブ項目3.2

5. リンク

外部リンク

内部リンク

6. 画像

代替テキスト

7. ブロッククォート

これはブロッククォートです。

複数行にまたがることもできます。

ネストされたブロッククォートも可能です。

8. コードブロック

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('MDX');

9. 水平線

以下は3種類の水平線の例です:




10. テーブル

列1列2列3
A1B1C1
A2B2C2
A3B3C3

左寄せ、中央寄せ、右寄せの例:

左寄せ中央寄せ右寄せ
テキストテキストテキスト

11. タスクリスト

  • 完了したタスク
  • 未完了のタスク
  • もう一つの未完了タスク

12. 数式(LaTeX形式)

インライン数式: $E = mc^2$

ブロック数式:

13. 脚注

ここに脚注があります1

14. HTMLの直接使用

これはHTMLを直接使用した赤色のテキストです。

HTMLで作成した表のセル1セル2

Footnotes

  1. これは脚注の内容です。