2014-09-18

Markdownチートシート

Categories: Markdown
markdown-logo-b.png

[ PR ]


Markdown チートシート

文字装飾

Markdown HTML 標準
文字列 Hello, Markdown Hello, Markdown O
太字 **Bold** Bold O
斜体 *Italic* Italic O
太字+斜体 ***Strong***
or
___String___
Strong O
打ち消し ~~Not~~
or
<s>Not</s>
Not
下線 <u>Not</u> Not O
下付き X<sub>2</sub> X2 O
上付き X<sup>2</sup> X2 O
カスタム <span style="font-size:16pt; border: 1px red solid; padding: 4px;">Big</span> Big O

リンク

Markdown HTML 標準
外部リンク [Google](http://google.com/) Google O
内部リンク [#post](#post) #post O
画像付きリンク [![google-mini.jpg](../post_images/google-mini.jpg)](http://google.com/) google-mini.jpg O

画像

Markdown HTML 標準
画像 ![google-mini.jpg](../post_images/google-mini.jpg) google-mini.jpg O
画像(サイズ指定) <img src="../post_images/google-mini.jpg" width="100px"/> google-mini.jpg O
画像(スタイル指定) <img src="../post_images/google-mini.jpg" style="opacity:0.3;"/> O

見出し

Markdown HTML 標準
h1 # 見出し
or
見出し
======
見出し O
h2 ## 見出し
or
見出し
------
見出し O
h3 ### 見出し 見出し O
h4 #### 見出し 見出し O
h5 ##### 見出し 見出し O
h6 ###### 見出し 見出し O
カスタム ## ***見出し*** 見出し O

箇条書き

Markdown HTML 標準
通常 - 項目1
- 項目2
項目1
項目2
O
数字付き 1. 項目1
1. 項目2
1. 項目3
1. 項目1
2. 項目2
3. 項目3
O
入れ子 1. 項目1
   1. 項目1-1
1. 項目2
1. 項目1
   1) 項目1-1
2. 項目2
X

引用

Markdown HTML 標準
引用 > 素晴らしい文章   素晴らしい引用 O

水平線

Markdown HTML 標準
水平線 --- ─────────── O

プログラムコード

Markdown HTML 標準
ブロック ```ruby
puts "hello"
```
puts "hello" O
インライン `puts "hello"` puts "hello" O

テーブル

Markdown HTML 標準
テーブル |A|B|
|--|--|
|a|b|
table-img.png O
中央揃え |A|B|
|:--:|:--:|
|a|b|
table-img.png O
左揃え |A|B|
|:--|:--|
|abc|abc|
table-img-left.png O
右揃え |A|B|
|--:|--:|
|abc|abc|
table-img-right.png O

HTML

Markdown HTML 標準
HTML <span style="color:red;">RED</span> RED O


コメントはTwitterアカウントにお願いします。

RECENT POSTS


[ PR ]

.