マークダウン記法 の記載例とその表示例を一覧にしてまとめます。
マークダウン記法は簡単なので、普通のテキストエディタでも問題なく書けると思いますが、
個人的にはできあがりイメージがつけにくいので、 Webエディタ(Dillinger) を使っています。
マークダウン記法 一覧
見出し
#の数に応じて h1 ~ h6 まで表現します。
|
記法例
|
サンプル
|
# 見出し1
|
見出し1
|
## 見出し2
|
見出し2
|
### 見出し3
|
見出し3
|
水平線
斜体
強調
リスト
|
記法例
|
サンプル
|
* 項目1
* 項目2
* 項目3
* 項目3-1
* 項目3-2
|
|
1. 項目1
2. 項目2
3. 項目3
1. 項目3-1
2. 項目3-2 |
- 項目1
- 項目2
- 項目3
- 項目3-1
- 項目3-2
|
引用
|
記法例
|
サンプル
|
> アル晴れた日のこと
> 魔法以上のユカイが
> > 限りなく降り注ぐ
> > 不可能じゃないわ |
アル晴れた日のこと 魔法以上のユカイが
限りなく降り注ぐ 不可能じゃないわ
|
インラインコード
|
記法例
|
サンプル
|
`<div>hoge</div>` |
<div>hoge</div>
|
コードブロック
コードの前に タブ または 半角スペース4つ を挿入することで、コードブロック表示になります。
|
記法例
|
サンプル
|
function foobar() {
window.alert('hello world');
} |
function () {
window.alert('hello world');
}
|
アンカー
|
記法例
|
サンプル
|
[Google](http://google.com/) |
Google |
画像
|
記法例
|
サンプル
|
 |
 |
改行
行末に半角スペースを2つ挿入します。
最後に…
このブログに興味を持っていただけた方は、
ぜひ 「Facebookページ に いいね!」または 「Twitter の フォロー」 お願いします!!