例

よく使う Markdown・MDX 要素を 1 ページにまとめ、何が正しくレンダリングされ、 何が崩れるかを確認するためのページです。

テキストの書式

通常のテキストに 太字、斜体、太字斜体、取り消し線、 インラインコード、そして 内部アンカーリンク を入れた例です。外部 Docusaurus へのリンク もあります。上付きと下付き: H₂O と E = mc²。

見出し

レベル 3 見出し

レベル 4 見出し

レベル 5 見出し

レベル 6 見出し

リスト

順序なしリスト

• 1 つ目の項目
• 2 つ目の項目
  • ネストした項目
  • もう 1 つのネストした項目
    • さらに深くネストした項目
• 3 つ目の項目

順序付きリスト

1. ステップ 1
2. ステップ 2
   1. サブステップ a
   2. サブステップ b
3. ステップ 3

タスクリスト

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

引用

これは引用です。

そしてその中にネストした引用です。

コード

インライン const x = 1 とタイトル付きのコードブロック:

example.js

function greet(name) {
  // greet the caller
  return `Hello, ${name}!`;
}

greet('mogumogu');

docker compose up -d --build

シンタックスハイライト

スタック全体の Prism ハイライトを確認するための言語別ブロックです。

fn main() {
    println!("Hello, mogumogu!");
}

package main

import "fmt"

func main() {
	fmt.Println("Hello, mogumogu!")
}

main :: IO ()
main = putStrLn "Hello, mogumogu!"

let name = "mogumogu"
print("Hello, \(name)!")

<?php
echo "Hello, mogumogu!";

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

class Main {
    public static void main(String[] args) {
        System.out.println("Hello, mogumogu!");
    }
}

fun main() {
    println("Hello, mogumogu!")
}

SELECT id, variety FROM apple WHERE color = 'red' ORDER BY id;

service: rust-api
port: 8080
replicas: 2

[server]
host = "0.0.0.0"
port = 8080

query Apples {
  apples(limit: 10) {
    id
    variety
  }
}

 fn main() {
-    println!("Hello, world!");
+    println!("Hello, mogumogu!");
 }

表

Method	Path	説明
GET	/api/apple	りんごの一覧取得
POST	/api/apple	りんごの作成
DELETE	/api/apple/{id}	りんごの削除

アドモニション(Admonition)

注記

補足的な情報のための note アドモニションです。

ヒント

役立つアドバイスのための tip アドモニションです。

備考

中立的な文脈のための info アドモニションです。

警告

注意が必要な内容のための warning アドモニションです。

危険

重大な警告のための danger アドモニションです。

メディア

折りたたみ詳細

クリックして展開

トグルで表示される隠しコンテンツで、コードブロックも含みます:

{ "id": "apl_01", "variety": "Fuji" }

水平線

---

以上ですべてです。