Qiita マークダウン記法 一覧表・チートシート
kamorits(Qiita)による Qiita マークダウン記法の一覧表チートシート。2017年公開・2199いいねの超人気リファレンス記事(最終更新から5年以上経過)。Qiita 上でよく使うマークダウン記法を見出し・リスト・コード・リンク・画像・テーブル・文字装飾・水平線・注釈・エスケープまで網羅的にまとめている。
概要
Qiita で記事を書く際に必要なマークダウン記法を一覧表形式で整理したチートシート。基本的な CommonMark 準拠の記法に加え、Qiita 独自の拡張(コードブロックのタイトル指定・文字色の <font> タグ)も記載。参照リンク付きの一覧表で、各記法の詳細セクションにジャンプできる構造。
記法一覧
見出し
# 見出しh1
## 見出しh2H1〜H6 まで # の数で指定。
リスト
* テキスト
* テキスト(Tabでインデント)
- テキスト* または - で箇条書き。Tab でインデントを下げられる。
番号付きリスト
1. テキスト
2. テキスト
3. テキスト空行・改行
1行目 (←半角スペース2つ)
2行目
<br>
3行目半角スペース2つ、または <br> タグで改行。
インライン表示(インラインコード)
`テキストやコード`バッククォート(Shift + @)で挟む。
コードブロック
```言語:タイトル
コード
```言語を指定するとシンタックスハイライトが適用される。:タイトル でコードブロックにタイトルを付けられる(Qiita 拡張)。
リンクの挿入
[タイトル](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を付けるとマークダウンソースが閲覧できる