Markdownスタイルガイド

2025年6月25日回閲覧 992 語 4 分

これはAstroでMarkdownコンテンツを書く際に使用できる基本的なMarkdown構文のサンプルです。

見出し

以下のHTML <h1>—<h6>要素は6段階のセクション見出しを表します。<h1>が最上位のセクションレベルで、<h6>が最下位です。

H1

H2

H3

H4

H5

H6

段落

某人が何かを説明しようとするが、労力は無駄に終わる。ある種の望まれざる出来事が重なり、快楽の裏に苦痛があり、それが次第に明らかになる。問題は複雑で、誰もが責任を問われるが、真実は一つではない。どうしてこうなったのか？　それは謎だ。

すべては曖昧で、現実は霧の中。誰もが逃げ場を探すが、結局は同じ場所に戻ってくる。痛みや過去の記憶が交錯し、偽りと真実が混在する。そして問いかける、「これでいいのか？」と。

誰が答えを持っているのか？　言葉は繰り返され、理解されることなく消えていく。

画像

構文

![代替テキスト](./画像の完全または相対パス)

出力

引用

引用要素は、他のソースから引用されたコンテンツを表し、オプションでfooterまたはcite要素内に引用元を含めることができ、注釈や略語などのインライン変更も可能です。

引用元なしの引用

構文

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **注意**: 引用内で*Markdown構文*を使用できます。

出力

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
注意: 引用内でMarkdown構文を使用できます。

引用元付きの引用

構文

> メモリを共有することで通信するのではなく、通信することでメモリを共有しましょう。<br>
> — <cite>Rob Pike[^1]</cite>

出力

メモリを共有することで通信するのではなく、通信することでメモリを共有しましょう。
— Rob Pike[^1]

[^1]: 上記の引用は、2015年11月18日のGopherfestでのRob Pikeの講演から抜粋したものです。

テーブル

構文

| イタリック   | 太字     | コード   |
| ------------ | -------- | -------- |
| _イタリック_ | **太字** | `コード` |

出力

イタリック	太字	コード
イタリック	太字	`コード`

コードブロック

構文

新しい行で3つのバッククォート ``` を使用し、スニペットを書き、新しい行で3つのバッククォートで閉じます。言語固有の構文を強調表示するには、最初の3つのバッククォートの後に言語名（html、javascript、css、markdown、typescript、txt、bashなど）を1単語で記述します。

```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. 最初の項目
2. 2番目の項目
3. 3番目の項目

出力

最初の項目
2番目の項目
3番目の項目

順序なしリスト

構文

- リスト項目
- 別の項目
- さらに別の項目

出力

リスト項目
別の項目
さらに別の項目

ネストされたリスト

構文

- 果物
  - りんご
  - オレンジ
  - バナナ
- 乳製品
  - 牛乳
  - チーズ

出力

果物
- りんご
- オレンジ
- バナナ
乳製品
- 牛乳
- チーズ

その他の要素 — abbr, sub, sup, kbd, mark

構文

<abbr title="Graphics Interchange Format">GIF</abbr>はビットマップ画像形式です。

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

セッションを終了するには<kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd>を押してください。

ほとんどの<mark>サンショウウオ</mark>は夜行性で、昆虫、ミミズ、その他の小さな生き物を狩ります。

出力

GIFはビットマップ画像形式です。

H₂O

Xⁿ + Yⁿ = Zⁿ

セッションを終了するにはCTRL + ALT + Deleteを押してください。

ほとんどのサンショウウオは夜行性で、昆虫、ミミズ、その他の小さな生き物を狩ります。

Succinct CS