2014-09-18

Markdownチートシート

Categories: Markdown

[ 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>`	X₂	O
上付き	`X<sup>2</sup>`	X²	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/)`		O

画像

	Markdown	HTML	標準
画像	`![google-mini.jpg](../post_images/google-mini.jpg)`		O
画像（サイズ指定）	`<img src="../post_images/google-mini.jpg" width="100px"/>`		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\|		O
中央揃え	\|A\|B\| \|:--:\|:--:\| \|a\|b\|		O
左揃え	\|A\|B\| \|:--\|:--\| \|abc\|abc\|		O
右揃え	\|A\|B\| \|--:\|--:\| \|abc\|abc\|		O

HTML

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

はじめてのMarkdown―軽量マークアップ言語の記法と使い方 (I・O BOOKS)

はじめてのMarkdown―軽量マークアップ言語の記法と使い方 (I・O BOOKS)

posted with amazlet at 14.09.18

清水美樹
工学社
売り上げランキング: 600,064

Amazon.co.jpで詳細を見る

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

[ PR ]