必見！ブログ装飾一覧

## h2見出しを表示する

### h3見出しを表示する

#### h4見出しを表示する

1. List item
2. List item
3. List item
4. List item
5. List item

- List item
- List item
- List item
- List item
- List item

> 引用を表示

` ` `html
<ul>
  <li class="nav-item">
    <a class="nav-link" href="/">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="about/">About</a>
  </li>
</ul>
` ` `

` ` `css:index.css
img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}
` ` `

1. テキストを **強調** する
2. テキストに <ins>アンダーライン</ins> を入れる
3. テキストを _イタリック体_ にする

[リンクを表示する](https://astro.build/)

<LinkCard path="/blogs/element" />

|    First     |     Last     |       Handle |
| :----------: | :----------: | -----------: |
| Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 |
| Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 |
| Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 |

スペーサーを表示する
<Spacer />
スペーサーを表示する

# コンポーネント
<Box>シンプルな囲み機能です</Box>

<Box type="check">チェック柄の囲み機能です</Box>

<Box type="embossed">浮き出しの囲み機能です</Box>

# プラグイン
未実装

# コンポーネント
<Box icon="check">
- アイコン付きの囲み機能です
- アイコン付きの囲み機能です
- アイコン付きの囲み機能です
</Box>

<Box icon="alert">アイコン付きの囲み機能です</Box>

# プラグイン
未実装

# コンポーネント
<Box title="タイトルを入力">
- タイトル付きの囲み機能です
- タイトル付きの囲み機能です
- タイトル付きの囲み機能です
</Box>

# プラグイン
未実装

# コンポーネント
<Bubble direction="left">吹き出しを表示する（男性版）</Bubble>

<Bubble direction="right">吹き出しを表示する（女性版）</Bubble>

# プラグイン
:::bubble
man 吹き出しを表示する（男性版）
:::

:::bubble
woman 吹き出しを表示する（女性版）
:::

# コンポーネント
<FaqWrapper>
  <Faq 
    q="質問文を表示する"
    a="回答文を表示する"
  />

  <Faq 
    q="質問文を表示する"
    a="回答文を表示する"
  />
</FaqWrapper>

# プラグイン
:::FAQ
Q. 質問文を表示する

A. 回答文を表示する

Q. 質問文を表示する

A. 回答文を表示する
:::

# コンポーネント
<Accordion client:load title="アコーディオンのタイトルを表示する">

- List item
- List item
- List item
- List item
- List item

</Accordion>

# プラグイン
未実装

<Toc headings={getHeadings()} />