すっかりMarkdownにハマり、最近では何かとメモを取るのですらMarkdownです。
基本的な書き方をメモ。他にもこんな書き方が出来る等知っていたらコメント頂ければ。
見出し
見出しには「#(シャープ)」を使う。
<h1>〜</h6>を表すには、見出しレベルに応じて「#」の数を増やす。
Markdown
#見出し1
##見出し2
###見出し3
####見出し4
#####見出し5
######見出し6
HTML
<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>
段落
段落は空白行で分ける。
Markdown
段落1
段落2
HTML
<p>段落1</p>
<p>段落2</p>
改行
改行をする場合は文末に半角スペースを2つ挿入する。
Markdown
あのイーハトーヴォのすきとおった風、(半角スペース2つ)
夏でも底に冷たさをもつ青いそら、(半角スペース2つ)
うつくしい森で飾られたモリーオ市、(半角スペース2つ)
郊外のぎらぎらひかる草の波。
HTML
あのイーハトーヴォのすきとおった風、<br />
夏でも底に冷たさをもつ青いそら、<br />
うつくしい森で飾られたモリーオ市、<br />
郊外のぎらぎらひかる草の波。
強調
文字を強調する場合は「*(アスタリスク)、_(アンダーバー)」を使う。
一つで文字を囲った場合は<em> 2つで囲った場合は<strong>になる。
Markdown
あの*イーハトーヴォ*のすきとおった風、
夏でも底に冷たさをもつ**青いそら**、
HTML
<p>あの<em>イーハトーヴォ</em>のすきとおった風、</p>
<p>夏でも底に冷たさをもつ<strong>青いそら</strong>、</p>
リスト
箇条書き
リストにしたい場合、「*(アスタリスク)」,「-(ハイフン)」,「+(プラス)」を使用する。
上記記号を入れた後にはスペース、またはタブを入れないといけない。
また、リストを入れ子にしたい場合は、リストの途中でスペース、タブを入れて記号を変更すると、入れ子のリストとして扱われる。
Markdown
* あのイーハトーヴォの
* すきとおった風、
- 夏でも
- 底に冷たさをもつ
* 青いそら、
HTML
<ul>
<li>あのイーハトーヴォの</li>
<li>すきとおった風、
<ul>
<li>夏でも</li>
<li>底に冷たさをもつ</li>
</ul>
</li>
<li>青いそら、</li>
</ul>
順序付き
順序付きリストの場合は数字の代わりに数字と「.(ピリオド)」を用いてリストにします。
Markdown
1.あのイーハトーヴォの
2.すきとおった風、
3.夏でも
4.底に冷たさをもつ
5.青いそら、
HTML
<ol>
<li>あのイーハトーヴォの</li>
<li>すきとおった風、</li>
<li>夏でも</li>
<li>底に冷たさをもつ</li>
<li>青いそら、</li>
</ol>
水平線
「- (ハイフン)」,「*(アスタリスク)」, または 「_ (アンダーバー)」を3つ以上並べます。
Markkdown
あのイーハトーヴォの
----------------------
すきとおった風、
HTML
あのイーハトーヴォの
<hr>
すきとおった風、
引用
先頭に「>(山括弧)」を付けます。また、入れ子にもできます。
Markkdown
>あのイーハトーヴォの
HTML
<blockquote>あのイーハトーヴォの</blockquote>
コード
「'(バッククォート) 」で囲みます。また複数行の場合は先頭にタブかスペースを4つ以上つけます。
Markkdown
`あのイーハトーヴォの`
HTML
<code>あのイーハトーヴォの</code>
リンク
リンクを貼りたいテキストを「[]角括弧」で囲み、「()丸括弧」にリンク先URLを記述します。
Markkdown
[World Wide Web Consortium](https://www.w3.org/)
HTML
<a href="https://www.w3.org/">World Wide Web Consortium</a>
余談
WordPressのテキストエディタでMarkdownを有効にするプラグイン。
JP Markdown
これは超便利！wpの更新モチベを上げてくれること間違いなし！