Markdown Sample

## 見出し

### 小見出し

#### 補足見出し

吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

[吾輩は猫である](https://ja.wikipedia.org/wiki/吾輩は猫である)

https://ja.wikipedia.org/wiki/吾輩は猫である

> 吾輩は猫である。名前はまだ無い。
>
> > 何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は**猫**である。名前はまだ無い。

吾輩は*猫*である。名前はまだ無い。

- 吾輩は猫である
- 名前はまだ無い
  - どこで生れたかとんと見当がつかぬ
  - 何でも薄暗いじめじめした所で
  - ニャーニャー泣いていた事だけは
- 記憶している

1. 吾輩は猫である
2. 名前はまだ無い
   1. どこで生れたかとんと見当がつかぬ
   2. 何でも薄暗いじめじめした所で
   3. ニャーニャー泣いていた事だけは
3. 記憶している

- [x] 吾輩は猫である
- [ ] 名前はまだ無い

| Header A | Header B | Header C |
| -------- | -------- | -------- |
| Cell A1  | Cell B1  | Cell C1  |
| Cell A2  | Cell B2  | Cell C2  |

![猫](https://github.com/is-nao.png)

<iframe style="aspect-ratio: 16/9; width: 100%;" src="https://www.youtube.com/embed/IxX_QHay02M?si=NhRrjVwZYaZMfftl" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

`console.log("吾輩は猫である")`{lang="js"}
`console.log("名前はまだ無い")`{color="error"}
`console.log("何でも薄暗いじめじめした所で")`{color="primary"}
`console.log("ニャーニャー泣いていた事だけは")`{color="secondary"}
`console.log("記憶している")`{color="warning"}

```json [wagahai.json]{3}
{
  "type": "cat",
  "name": null,
  "born": "no idea"
}
```

```json [wagahai.json]
{
  "type": "cat",
  "name": null,
  "born": "no idea",  "born": "a damp and gloomy place",
  "introduction": ["I am a cat.", "but as yet I have no name."]
}
```

吾輩は猫である[^1]
[^1]: 名前はまだ無い。

吾輩は:cat:である

:div[MDC 1 line]{class="bg-accented my-4"}

::div{class="bg-accented my-4"}
MDC multi line
::

<div class="bg-accented my-4">
HTML
</div>

```mermaid [sample]
graph TB
    sq[Square shape] --> ci((Circle shape))

    subgraph A
        od>Odd shape]-- Two line<br/>edge comment --> ro
        di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape)
        di==>ro2(Rounded square shape)
    end

    %% Notice that no text in shape are added here instead that is appended further down
    e --> od3>Really long text with linebreak<br>in an Odd shape]

    %% Comments after double percent signs
    e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز)

    cyr[Cyrillic]-->cyr2((Circle shape Начало));

    classDef green fill:#9f6,stroke:#333,stroke-width:2px;
    classDef orange fill:#f96,stroke:#333,stroke-width:4px;
    class sq,e green
    class di orange
```

:badge[v3.0.0]

::callout{icon="i-lucide-cat" color="neutral" to="https://ja.wikipedia.org/wiki/吾輩は猫である"}
吾輩は猫である (リンク)
::

::note
名前はまだ無い
::

::tip
何でも薄暗いじめじめした所で
::

::warning
ニャーニャー泣いていた事だけは
::

::caution
記憶している
::