site icon devhx2.blog

MDX サンプル

見出し

## H2 タイトル

### H3 タイトル
## H2 タイトル

### H3 タイトル

H2 タイトル

H3 タイトル

リスト

- 箇条書き
- 箇条書き
  - 箇条書き
  - 箇条書き
- 箇条書き

1. 箇条書き
2. 箇条書き
   1. 箇条書き
   2. 箇条書き
3. 箇条書き
- 箇条書き
- 箇条書き
  - 箇条書き
  - 箇条書き
- 箇条書き

1. 箇条書き
2. 箇条書き
   1. 箇条書き
   2. 箇条書き
3. 箇条書き
  1. 箇条書き
  2. 箇条書き
    1. 箇条書き
    2. 箇条書き
  3. 箇条書き

引用

> 引用文
> 引用文
> 引用文
> 引用文

引用文 引用文

リンク

テキストリンク

[アンカーテキスト](https://github.com/devhx2)
[アンカーテキスト](https://github.com/devhx2)

アンカーテキスト

リンクカード

[](https://github.com/devhx2)
[](https://github.com/devhx2)

devhx2 - Overview
GitHub is where devhx2 builds software.
ogp site https://github.com/devhx2
ogp content

動画埋め込み

[](https://www.youtube-nocookie.com/embed/CkzRUBFf5Ns?si=XFZFt_oSpHSJzpOW "caption=かわいい.")

<!-- option
  - caption (default="") 埋め込み動画の下に表示されるキャプション -->
[](https://www.youtube-nocookie.com/embed/CkzRUBFf5Ns?si=XFZFt_oSpHSJzpOW "caption=かわいい.")

<!-- option
  - caption (default="") 埋め込み動画の下に表示されるキャプション -->

かわいい.

区切り線

---
---

テーブル

| 左揃え   | 中央揃え |   右揃え |
| :------- | :------: | -------: |
| セル 1-1 | セル 1-2 | セル 1-3 |
| セル 2-1 | セル 2-2 | セル 2-3 |
| 左揃え   | 中央揃え |   右揃え |
| :------- | :------: | -------: |
| セル 1-1 | セル 1-2 | セル 1-3 |
| セル 2-1 | セル 2-2 | セル 2-3 |
左揃え中央揃え右揃え
セル 1-1セル 1-2セル 1-3
セル 2-1セル 2-2セル 2-3

画像

![alt](/favicon.svg "width=100 height=100 format=webp caption=これはねこです. scale=4")

<!-- option
  - width   (default=256px) 埋め込み画像の横幅
  - height  (default=256px) 埋め込み画像の縦幅
  - format  (default=webp)  埋め込み・モーダル画像のフォーマット
  - caption (default="")    埋め込み画像の下に表示されるキャプション
  - scale   (default=1)     モーダルで拡大表示した際の倍率 -->
![alt](/favicon.svg "width=100 height=100 format=webp caption=これはねこです. scale=4")

<!-- option
  - width   (default=256px) 埋め込み画像の横幅
  - height  (default=256px) 埋め込み画像の縦幅
  - format  (default=webp)  埋め込み・モーダル画像のフォーマット
  - caption (default="")    埋め込み画像の下に表示されるキャプション
  - scale   (default=1)     モーダルで拡大表示した際の倍率 -->

alt
これはねこです.
alt

コードブロック

```bash diff highlight
truth="The code doesn't work as expected." # [!code --]
truth="The code runs as written." # [!code ++]

echo $truth >> brain.txt # [!code highlight]
```

<!-- option
  - highlight 記載するとハイライト表現が有効化
    - [!code highlight] 選択言語のコメントとして行の末尾に追加すると,ハイライトされる
  - diff 記載すると差分のハイライト表現が有効化
    - [!code ++] 選択言語のコメントとして行の末尾に追加すると,追加差分としてハイライトされる
    - [!code --] 選択言語のコメントとして行の末尾に追加すると,削除差分としてハイライトされる -->
```bash diff highlight
truth="The code doesn't work as expected." # [!code --]
truth="The code runs as written." # [!code ++]

echo $truth >> brain.txt # [!code highlight]
```

<!-- option
  - highlight 記載するとハイライト表現が有効化
    - [!code highlight] 選択言語のコメントとして行の末尾に追加すると,ハイライトされる
  - diff 記載すると差分のハイライト表現が有効化
    - [!code ++] 選択言語のコメントとして行の末尾に追加すると,追加差分としてハイライトされる
    - [!code --] 選択言語のコメントとして行の末尾に追加すると,削除差分としてハイライトされる -->
truth="The code doesn't work as expected."
truth="The code runs as written."

echo $truth >> brain.txt
truth="The code doesn't work as expected."
truth="The code runs as written."

echo $truth >> brain.txt

トグルブロック

:::toggle[概要]
詳細
:::
:::toggle[概要]
詳細
:::
概要

詳細

コールアウト

:::info[情報]
詳細
:::

:::warn[警告]
詳細
:::

:::danger[危険]
詳細
:::
:::info[情報]
詳細
:::

:::warn[警告]
詳細
:::

:::danger[危険]
詳細
:::
情報

詳細

警告

詳細

危険

詳細