マークダウン記法 の記載例とその表示例を一覧にしてまとめます。
マークダウン記法は簡単なので、普通のテキストエディタでも問題なく書けると思いますが、 個人的にはできあがりイメージがつけにくいので、 Webエディタ(Dillinger) を使っています。
マークダウン記法 一覧
- 見出し
# text
- 水平線
***
- 斜体
*text*
- 強調
**text**
- リスト
* text
- 引用
> text
- インラインコード
`<code />`
- コードブロック
<code />
- アンカー
[text](URL)
- 画像
![text](URL)
- 改行
text
見出し
#
の数に応じて 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 |
|
引用
記法例 | サンプル |
---|---|
> アル晴れた日のこと > 魔法以上のユカイが > > 限りなく降り注ぐ > > 不可能じゃないわ |
|
インラインコード
記法例 | サンプル |
---|---|
`<div>hoge</div>` |
<div>hoge</div>
|
コードブロック
コードの前に タブ または 半角スペース4つ を挿入することで、コードブロック表示になります。
記法例 | サンプル |
---|---|
function foobar() { window.alert('hello world'); } |
function () { window.alert('hello world'); } |
アンカー
記法例 | サンプル |
---|---|
[Google](http://google.com/) |
画像
記法例 | サンプル |
---|---|
![Blogger](https://www.blogger.com/img/logo-16.png) |
改行
行末に半角スペースを2つ挿入します。
記法例 | サンプル |
---|---|
文字列 |
文字列 |