Markdown記法のチートシート

toc目次

Markdownファイルの拡張子

Markdownファイルの拡張子は「.md

基本構文一覧

見出し(ヘッダー)

#のあとにスペースを開け文字を記載すると見出しとなります。
#の数で見出しのレベルを表すことができます。

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
表示結果 見出し

段落

文章と文章の間に空行を挟むと段落になります。

段落1

段落2
表示結果 段落

改行

Markdownで改行しても、表示結果は改行されません。
改行するには行末に半角スペースを2個入力します。(※は半角スペース)

行末にスペースなし
行末にスペースなし

行末にスペース2個␣␣
行末にスペース2個
表示結果 改行

テキストスタイル

イタリック(斜体)は*、ボールド(太字)は**、イタリックボールドは***で囲みます。

*italic*
**bold**
***italic bold***
表示結果 テキストスタイル

番号付きリスト

1.と数字の後にドットを記載し、スペースを開け文字を記載します。
インデントすると入れ子になります。

1. アイテム1
1. アイテム2
   1. サブアイテム1
   1. サブアイテム2
1. アイテム3
表示結果 番号付きリスト

番号なしリスト

-*+のあとにスペースを開け文字を記載します。
インデントすると入れ子になります。

- アイテム1
- アイテム2
   - サブアイテム1
   - サブアイテム2
- アイテム3
表示結果 番号なしリスト

引用

>のあとにスペースを開け文字を記載すると引用となります。

通常の文章
> 引用の文章
表示結果 引用

インラインコード

バッククオート(`)で囲むとインラインコードとなります。

Pythonで`print("Hello World")`を実行すると、
コンソールに`Hello World`を出力します。
表示結果 インラインコード

リンク

URLのみの場合は<>で囲みます。
テキストを付ける場合は[テキスト](URL)と記載します。

<http://example.com/>

[例](http://example.com/)
表示結果 リンク

画像

![altテキスト](画像のURL)と記載します。

![ロゴ](https://stysk.com/img/logo.png)
表示結果 画像

水平線

空行のあとに---と記載すると水平線が挿入されます。

文章1

---

文章2
表示結果 水平線

拡張構文一覧

拡張構文はMarkdownツールによってサポートされない場合があります。

テーブル

パイプ(|)とハイフン(-)で区切ります。
ハイフンの左、両端、右にコロン(:)を追加することで、セル内の文字が左揃え、中央揃え、右揃えとなります。

| Header1 | Header2 | Header3 |
| :------ | :-----: | ------: |
| left    | center  |   right |
表示結果 テーブル

コードブロック

バッククオート3つ(```)で囲みます。

```
#include <stdio.h>

int main() {
    printf("Hello World\n");
    return 0;
}
```
表示結果 コードブロック

定義リスト

用語の次の行に:とスペースを開け説明を記載します。

りんご
: 赤くて美味しい果物

バナナ
: 黄色くて甘い果物

みかん
: 橙色で酸味がある果物
表示結果 定義リスト

打消し線

~~で囲みます。

この文は~~打消し線が入った~~サンプルです。
表示結果 打消し線

タスクリスト

- [ ]のあとにスペースを開け文字を記載します。
チェックを入れる場合は- [x]と記載します。

やるべきことリスト

- [ ] 洗濯する
- [x] 買い物に行く
- [ ] 資料を作成する
表示結果 タスクリスト

その他

Markdownのコメント

Markdownにコメント構文は存在しないため、HTMLのコメント構文を使用します。

<!-- コメントなので表示されない -->
表示される
表示結果 コメント

Markdownのエスケープ

以下の文字を文章内で使用する場合は、文字の前にバックスラッシュ(\)を追加します。

文字 内容
\ バックスラッシュ
* アスタリスク
_ アンダースコア
{ } 波括弧
[ ] 角括弧
< > 山括弧
( ) 丸括弧
# シャープ
+ プラス
- マイナス
. ドット
! エクスクラメーション
| パイプ
` バッククオート
\#を表示する
表示結果 エスケープ

インラインコード内のバッククオートエスケープ

インラインコード内でバッククオートを表示する場合は、バッククオート2個で囲みます。

インラインコード内に`` `code` ``を書く。
表示結果 インラインコード内のバッククオートエスケープ

コードブロック内のバッククオートエスケープ

コードブロック内でバッククオート3個を表示する場合は、バッククオート4個で囲みます。

````
コードブロック内に
```
code
```
を書く
````
表示結果 コードブロック内のバッククオートエスケープ