QiitaのMarkdown一覧


[cheatsheet]: http://qiita.com/Qiita/items/c686397e4a0f4f11683d

Qiitaで使えるMarkdownをまとめてみました。
公式[チートシート][cheatsheet]と併用して御覧ください。


#最初に

全てのMarkdownの前後には、基本的に **空白行** を入れる用にしましょう。
空白行で挟まない場合、Markdownと認識されずにデザインが崩れることがあります。

*ex)*
こんな感じのMarkdownを書きたいとします。

***
text

```
code
```

text

text

> 引用

text

table

title|title
---|---
cell|cell

text

***

しかし、以下のように空白行をはさまずに書いてしまうと、、、

<pre><code>
text
```
code
```
text

text
> 引用
text

table
title|title
-----|-----
 cell|cell
text
</code></pre>

こんな感じで大きく崩れて表示されてしまいます。

***

text
```
code
```
text

text
> 引用
text

table
title|title
-----|-----
 cell|cell
text
***



#コード
##コード（インライン）
[ \` ]\(バッククォート\)1つで囲います。`(Shift+@)`

<pre><code>
`code`
</code></pre>

*ex)*
`code`



##コード（ブロック）
[ \` ]\(バッククォート\)3つで囲います。`(Shift+@)`


<pre><code>
```
code
```
</code></pre>

言語・ファイル名を指定することもできます。

<pre><code>
```lang
code
```
</code></pre>

<pre><code>
```filename
code
```
</code></pre>

<pre><code>
```lang:filename
code
```
</code></pre>

*ex)*

```java
public class MainActivity extends FragmentActivity {
	@Override
	protected void onCreate( Bundle savedInstanceState ) {
		super.onCreate( Bundle savedInstanceState );
	}
}

```

```objc:AppDelegate.m
@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
	return YES;
}

@end
```


##Pre
行頭にスペース4つ以上 or タブを挿入します。

<pre><code>
     Text

</code></pre>   

*ex)*

     Text

#テーブル
##基本
[ \-\-\- ]と[ \| ]で構成されます。

<pre><code>
first | second | third
------|--------|-------
 cell |  cell  |  cell
 cell |  cell  |  cell
 cell |  cell  |  cell
</code></pre>

[ \- ]の数は3つ以上であれば数は自由で、横幅は合わせる必要はありません

<pre><code>
first|second|third
------|---|-------
cell|cell|cell
cell   |cell    |cell
cell|   cell|   cell
</code></pre>

見やすくするために両端に[ \| ]をつけることもできます。

<pre><code>
|first | second | third |
|------|--------|-------|
| cell |  cell  | cell  |
| cell |  cell  | cell  |
| cell |  cell  | cell  |
</code></pre>

*ex)*

first | second | third
---|---|---
cell | cell | cell
cell | cell | cell
cell | cell | cell 
 


##アラインメント
[ \: ]の位置でアライメントを指定します。

<pre><code>
Align Left|Align Center|Algin Right
:---------|:----------:|----------:
   cell   |    cell    |   cell
</code></pre>

*ex)*

Align Left|Align Center|Algin Right
:---------|:----------:|----------:
   cell   |    cell    |   cell


#テキスト
##イタリック
[ \* ][ \_ ]いずれか1つで囲います。

<pre><code>
*text*
_text_
</code></pre>

*ex)*
*Text*
_Text_


##ボールド
[ \* ][ \_ ]いずれか2つで囲います。

<pre><code>
**text**
__text__
</code></pre>

*ex)*
**Text**
__Text__



##ボールドイタリック
[ \* ][ \_ ]いずれか3つで囲います。

<pre><code>
***text***
___text___
</code></pre>

*ex)*
***Text***
___Text___


##打ち消し線
[　\~　]2つで囲います。

<pre><code>
~~text~~
</code></pre>

*ex)*
~~text~~



##段落
空白行で囲まれた文章が段落として扱われます。
空白行が複数ある場合は、まとめられて1つの段落になります。

<pre><code>
段落1

段落2
段落2


段落3
段落3
段落3
段落3
</code></pre>

*ex)*
段落1

段落2
段落2


段落3
段落3
段落3
段落3


##リンク

<pre><code>
[title](http://~)
</code></pre>

URLの後に["]でマウスをリンク上においた時のポップアップ文字列を指定できます。

<pre><code>
[title](http://~ "OnMouse")
</code></pre>

また、文章の途中に長いURLを書きたくない場合や、
複数箇所で同じリンクを使いまわしたい場合は、 **ID** を使ってリンクを参照する事もできます。
IDを使う場合は、 **ID名が重複しないよう** 注意しましょう。

<pre><code>
<comment>[link id]: http://~</comment>

[リンク][link id]
[リンク] [link id]
</code></pre>

IDの宣言位置は実際に使用する部分の後ろに書いた場合でも、ちゃんと動くようです。
(あまりオススメではないですが。。。)

<pre><code>
[リンク][link id]
[リンク] [link id]

<comment>[link id]: http://~</comment>
</code></pre>

マウスカーソルをリンク上に移動した時(オンマウス時)に出てくる文字列を、指定することもできます。
その場合は、URLの後ろに[ " ]で囲って書きます。

<pre><code>
<comment>[link id]: http://~ "title"</comment>

[リンク][link id]
[リンク] [link id]
</code></pre>

*ex)*
これは[Qiita](http://qiita.com "Qiita トップ")へのリンクです。

> ここにこれを書いておく
> `[qiita top]: http://qiita.com "Qiita トップ"`

[qiita top]: http://qiita.com "Qiita トップ"
IDを使っても[リンク][qiita top]を作れます。
IDを使うと[リンク][qiita top]を使いまわすことができます。

##画像埋め込み
上記のリンクの頭に[　\!　]をつけると画像が表示されます。

<pre><code>
![alt](http://~)
</code></pre>

リンクと同じようにオンマウス時の文字列を指定することもできます。

<pre><code>
![alt](http://~ "title")
</code></pre>

IDを使用することも可能です。

<pre><code>
<comment>[image id]: http://~ </comment>
![alt][image id]
</code></pre>

<pre><code>
<comment>[image id]: http://~ </comment> "title"
![alt][image id]
</code></pre>

*ex)*
[image id]: http://cdn.qiita.com/assets/siteid-reverse-cd0519106e5814e34d402b3e821820cf.png "OnMouse"
![Qiitaアイコン][image id]



##リスト(点)
先頭に[ \* ]を書きます。

<pre><code>
* item
* item
* item
</code></pre>

[ \* ]の代わりに、[ \+ ][ \- ]でも使っても大丈夫です。

<pre><code>
* item
+ item
- item
</code></pre>

*ex)*

* item
- item
+ item


##リスト(番号)
数字を先頭にして書きます。

<pre><code>
1. item 1
2. item 2
3. item 3
</code></pre>

ただし、数値に意味はなく、上から順番に番号が割り振られます。
なので以下のように書いても、結果は上記のものと同じです。

<pre><code>
54321. item 1
12345. item 2
00000. item 3
</code></pre>

*ex)*

1. item 1
2. item 2
4. item 3


##リスト(ネスト)
入れ子は半角スペース4つか、タブを使います。

<pre><code>
- item 1
	- item 1-1
		- item 1-3
- item 2
 - item 2-1
 - item 2-2
</code></pre>

*ex)*

- item 1
	- item 1-1
		- item 1-3
- item 2
 - item 2-1
 - item 2-2

##水平線
[ \* ][ \+ ][ \- ]の、いずれか3つ以上で水平線になります。
[ \- ]の場合、1本でも描画されます。
間にスペースが入っている場合は無視されて1本の線になります。

<pre><code>
***
---
___
* **
-- -
_ _ _
</code></pre>

*ex)*
***
---
___


##引用
先頭に[ \> ] を書きます。
また、引用内で入れ子状態にすることもできます。

<pre><code>
> text
> 
> > text
> > text
>
> text
</code></pre>

また、複数行に渡る場合は、先頭に[　\>　]を書けば、
それ以下が1つの引用として扱われます。

<pre><code>
> 
text
>> 
text
text
>
text
</code></pre>

引用の中でもMarkdownを使用することができます。

<pre><code>
> text
>
> > text
> > text
>
> ```
> some code
> ```
</code></pre>


*ex)*
> text
>
> > text
> > text
>
> ```
> some code
> ```



##エスケープ
先頭に[ \\ ]を書きます。

<pre><code>
\code
</code></pre>

*ex)*
\***
\###h1
\[Qiita](http://qiita.com)


##見出し
先頭に[ \# ]を書きます。
[ \# ]の数に合わせて \<h1> 〜 \<h6> となります。

また、文章の次の行に[ = ][ \- ]を挿入した場合、
それぞれ \<h1> と \<h2> になります。

<pre><code>
#h1
##h2
###h3
####h4
#####h5
######h6

h1
=
h2
-
</code></pre>

*ex)*
#h1
##h2
###h3
####h4
#####h5
######h6