マークダウン記法 まとめ

0 件のコメント

マークダウン記法 の記載例とその表示例を一覧にしてまとめます。

マークダウン記法は簡単なので、普通のテキストエディタでも問題なく書けると思いますが、 個人的にはできあがりイメージがつけにくいので、 Webエディタ(Dillinger) を使っています。

マークダウン記法 一覧

見出し

#の数に応じて h1 ~ h6 まで表現します。

記法例 サンプル
# 見出し1
見出し1
## 見出し2
見出し2
### 見出し3
見出し3

水平線

記法例 サンプル
***

斜体

記法例 サンプル
*文字列*
文字列

強調

記法例 サンプル
**文字列**
文字列

リスト

記法例 サンプル
* 項目1
* 項目2
* 項目3
  * 項目3-1
  * 項目3-2
  • 項目1
  • 項目2
  • 項目3
    • 項目3-1
    • 項目3-2
1. 項目1
2. 項目2
3. 項目3
  1. 項目3-1
  2. 項目3-2
  1. 項目1
  2. 項目2
  3. 項目3
    1. 項目3-1
    2. 項目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 の フォロー」 お願いします!!