📝Markdown記法チートシート

## 見出し2（H2）
### 見出し3（H3）
#### 見出し4（H4）

**太字（Bold）**
_斜体（Italic）_
~~取り消し線（Strikethrough）~~
`インラインコード`

- リストアイテム1
- リストアイテム2
- ネストしたアイテム
- ネストしたアイテム2
  - ネストしたアイテム
  - ネストしたアイテム2
- リストアイテム3

* 別の記法

1. 最初のアイテム
2. 2番目のアイテム
1. ネストした番号付きリスト
2. ネストした番号付きリスト2
  1. ネストした番号付きリスト
  2. ネストした番号付きリスト2
3. 3番目のアイテム

[内部リンク](/)
[外部リンク](https://example.com)
[タイトル付きリンク](https://example.com "ツールチップ")
https://example.com

![代替テキスト](https://picsum.photos/600/338 "画像のタイトル")

<Code lang="markdown">{`
プレーンなコードブロック
`}</Code>

プレーンなコードブロック

<Code lang="javascript">{`
const message = "Hello, World!";
console.log(message);
`}</Code>

const message = "Hello, World!";
console.log(message);

<Code lang="diff">{`
- const oldCode = "古いコード";
+ const newCode = "新しいコード";
`}</Code>

- const oldCode = "古いコード";
+ const newCode = "新しいコード";

<Code lang="html">
<p>HTMLのサンプルを出力することができます。</p>
</Code>

<p>HTMLのサンプルを出力することができます。</p>

| Head | Head | Head |
| ---- | ---- | ---- |
| Text | Text | Text |
| Text | Text | Text |

| 左揃え | 中央揃え |  右揃え |
| :----  | :-----: | -----: |
| 左     |   中央   |     右 |

> 親譲りの無鉄砲で小供の時から損ばかりしている。

> 親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。
>
> 新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。
> > これはネストした引用テキストです。これはネストした引用テキストです。これはネストした引用テキストです。これはネストした引用テキストです。これはネストした引用テキストです。これはネストした引用テキストです。
>
> _引用: [リンクテキスト](https://example.com)_

---

これは脚注の例です[^1]。  
別の脚注もあります[^note]。

[^1]: これが脚注の内容です。  
[^note]: 名前付きの脚注も使えます。

- [x] 完了したタスク
- [ ] 未完了のタスク
- [x] テキストが長いタスクが入ります。テキストが長いタスクが入ります。テキストが長いタスクが入ります。テキストが長いタスクが入ります。テキストが長いタスクが入ります。テキストが長いタスクが入ります。

* アスタリスクをそのまま表示
_ アンダースコアをそのまま表示
# ハッシュをそのまま表示
[リンク記法をエスケープ]

<Accordion title="タイトルが入ります">
<p>コンテンツが入ります。<br>HTMLタグを入れることができます。</p>
</Accordion>

<LinkCard url="https://zenn.dev/kg98ztd/articles/364a63a9491ae7" />

<LinkCard url="https://www.youtube.com/watch?v=kIsiitITIes" />

X<sup>2</sup>（上付き）
H<sub>2</sub>O（下付き）

<Highlight color="red">色名指定でハイライトされたテキスト</Highlight>
<Highlight color="#FF0000">HEX指定でハイライトされたテキスト</Highlight>