Astro で Markdown コンテンツを書くときに使える、基本的な Markdown 構文のサンプルです。
見出し
次の HTML の <h1>〜<h6> 要素は、6 段階のセクション見出しを表します。<h1> が最上位、<h6> が最下位です。
H1
H2
H3
H4
H5
H6
段落
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
画像
構文
出力
引用（Blockquote）
blockquote 要素は、別の出典から引用した内容を表します。任意で引用元（footer または cite 要素内）や、注釈・略語などのインライン変更を含められます。
出典なしの引用
構文
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use _Markdown syntax_ within a blockquote.出力
Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Note that you can use Markdown syntax within a blockquote.
出典付きの引用
構文
> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>出力
Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1
表
構文
| イタリック | 太字 | コード |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |出力
| イタリック | 太字 | コード |
|---|---|---|
| italics | bold | code |
コードブロック
構文
改行のあとにバッククォート 3 つ を書き、スニペットを書いて、改行のあと再びバッククォート 3 つで閉じます。言語ごとのハイライトを付けたい場合は、最初の の直後に言語名を 1 語書きます（例: html, javascript, css, markdown, typescript, txt, bash）。
```html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
```出力
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>リスト
番号付きリスト
構文
1. 1 番目
2. 2 番目
3. 3 番目出力
- 1 番目
- 2 番目
- 3 番目
番号なしリスト
構文
- リスト項目
- 別の項目
- もう 1 項目出力
- リスト項目
- 別の項目
- もう 1 項目
入れ子リスト
構文
- 果物
- りんご
- オレンジ
- バナナ
- 乳製品
- 牛乳
- チーズ出力
- 果物
- りんご
- オレンジ
- バナナ
- 乳製品
- 牛乳
- チーズ
その他の要素 — abbr, sub, sup, kbd, mark
構文
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.出力
GIF はビットマップ画像形式です。
H2O
Xn + Yn = Zn
CTRL + ALT + Delete を押すとセッションを終了できます。
多くの サンショウウオ は夜行性で、昆虫やミミズなどの小さな生き物を捕食します。