マークダウン記法 の記載例とその表示例を一覧にしてまとめます。
マークダウン記法は簡単なので、普通のテキストエディタでも問題なく書けると思いますが、
個人的にはできあがりイメージがつけにくいので、 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 |
画像
記法例
|
サンプル
|
![Blogger](https://www.blogger.com/img/logo-16.png) |
|
改行
行末に半角スペースを2つ挿入します。
最後に…
このブログに興味を持っていただけた方は、
ぜひ 「Facebookページ に いいね!」または 「Twitter の フォロー」 お願いします!!