Qiita マークダウン記法 一覧表・チートシート

kamorits(Qiita)による Qiita マークダウン記法の一覧表チートシート。2017年公開・2199いいねの超人気リファレンス記事(最終更新から5年以上経過)。Qiita 上でよく使うマークダウン記法を見出し・リスト・コード・リンク・画像・テーブル・文字装飾・水平線・注釈・エスケープまで網羅的にまとめている。

概要

Qiita で記事を書く際に必要なマークダウン記法を一覧表形式で整理したチートシート。基本的な CommonMark 準拠の記法に加え、Qiita 独自の拡張(コードブロックのタイトル指定・文字色の <font> タグ)も記載。参照リンク付きの一覧表で、各記法の詳細セクションにジャンプできる構造。

記法一覧

見出し

# 見出しh1
## 見出しh2

H1〜H6 まで # の数で指定。

リスト

* テキスト
    * テキスト(Tabでインデント)
- テキスト

* または - で箇条書き。Tab でインデントを下げられる。

番号付きリスト

1. テキスト
2. テキスト
    3. テキスト

空行・改行

1行目  (←半角スペース2つ)
2行目
<br>
3行目

半角スペース2つ、または <br> タグで改行。

インライン表示(インラインコード)

`テキストやコード`

バッククォート(Shift + @)で挟む。

コードブロック

```言語:タイトル
コード
```

言語を指定するとシンタックスハイライトが適用される。:タイトル でコードブロックにタイトルを付けられる(Qiita 拡張)。

リンクの挿入

[タイトル](URL)

引用

>> テキスト
>>> テキスト

> の数でネスト(入れ子)の深さを指定。

画像の挿入

ドラッグ&ドロップ
![代替テキスト](URL "タイトル")

代替テキスト・タイトルは省略可能。

画像の挿入(サイズ指定)

<img width="200" alt="代替テキスト" src="URL">

HTML の <img> タグで幅を指定する。

テーブル(表)

| th左 | th中央 | th右 |
|:-- |:-: | --: |
| td | td | td |
  • :-- 左寄せ
  • :-: 中央寄せ
  • --: 右寄せ

Qiita ではツールバーから列数×行数を指定してGUI挿入も可能。

文字色

<font color="Red">テキスト</font>

HTML の <font> タグで色指定。140色以上の色名に対応(Qiita 独自拡張)。

太字

**テキスト**

斜体

*テキスト*

打ち消し線

~~テキスト~~

水平線

***
---

*** または ---(ハイフン3つ)で水平線を引く。

注釈(脚注)

テキスト[^1]
[^1]: 注釈内容
  • 注釈内容の前に半角スペースが必要
  • 注釈内容はどこに記述しても文末に表示される
  • [] 内は数値でなくても同じ文字列なら同じ参照になる

マークダウンのエスケープ

\マークダウン記号

バックスラッシュで記号をエスケープ。Mac は alt + ¥

その他の補足

  • HTML タグが各種使えるため、マークダウンで難しい場合は HTML タグを使う方法もある
  • Qiita 記事の URL 末尾に .md を付けるとマークダウンソースが閲覧できる

関連ページ