Atomを使ったMarkdown(マークダウン)記法の始め方

Pocket

まずMarkdownをプレビューしながらかけるエディタAtomをインストールします。

このようにMarkdown(マークダウン)を書きます。ソースは下でコピーできます。
Markdownのサンプル

Markdownのサンプル

# MARKDOWN

## 見出し2

 - リスト要素
 - リスト要素
 - リスト要素

## 見出し3

1. リスト要素
2. リスト要素
3. リスト要素

[atnr.net](http://atnr.net)

次にメニューからHTMLプレビューをしてみます。

Packages > Markdown Preview > Toggle PreviewからHTMLプレビューができます。

このように表示されます。

右クリックするとクリップボードにコピーしたりHTMLとして書き出しができます。
Markdownを書き出す

コピーされたHTMLがこちらです。

<h1 id="markdown">MARKDOWN</h1>
<h2 id="-2">見出し2</h2>
<ul>
<li>リスト要素</li>
<li>リスト要素</li>
<li>リスト要素</li>
</ul>
<h2 id="-3">見出し3</h2>
<ol>
<li>リスト要素</li>
<li>リスト要素</li>
<li>リスト要素</li>
</ol>
<p><a href="http://atnr.net">atnr.net</a></p>

以上のようなHTMLとして出力されます。

atnr.net の RSS登録はこちらから