Markdown 記法

どうもinappeです。
すでに書くネタがおもいつかない私ですw
今日はMarkdownについて書こうと思います。ちなみにはてぶもMarkdownで書いてます!

Markdown 記法とは


書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット http://ja.wikipedia.org/wiki/Markdown

ウィキペディアにはこうありました。
要するに、簡単にメモを書く要領でHTML形式の文章つくれちゃうよって感じです。
使い方を説明していきます。

書き方


見出し

Markdown

# hoge h1

## hogehoge h2

### hogehogehoge h3

HTML

<h1>hoge h1</h1>

<h2>hogehoge h2</h2>

<h3>hogehogehoge h3</h3>

段落、改行
空白行で囲まれた1行、または複数行の文章は、ひとつの段落になります。 改行が入っていても、1行以上の空白が入っていなければ、ひとつの段落と見なされます。

Markdown

桜の花びら散るたびに

届かぬ思いがまた一つ
涙と笑顔に消されてく
そしてまた大人になった

HTML

<p>桜の花びら散るたびに</p>

<p>届かぬ思いがまた一つ涙と笑顔に消されてくそしてまた大人になった</p>

改行する場合は半角スペースを2つ並べます。

Markdown

桜の花びら散るたびに  (半角スペース2つ)

届かぬ思いがまた一つ  (半角スペース2つ)
涙と笑顔に消されてく
そしてまた大人になった

HTML

<p>桜の花びら散るたびに<br>
<p>届かぬ思いがまた一つ<br>
涙と笑顔に消されてくそしてまた大人になった</p>

強調
強調を示す場合は、2つの*(アスタリスク)か、_(アンダースコア)で文言を囲みます。

Markdown

これが**強さ**だ!MH5!!

HTML

<p>これが<strong>強さ</strong>だ!MH5!!</p>

リスト

リストを示す場合は、*(アスタリスク), -(ハイフン), +(プラス)のどれかを入力し、スペース、またはタブを挿入します。
リストの途中で、スペース、タブを入れて記号を変更すると、入れ子として扱われます。

Markdowm

* hoge
* hoge
* hoge
  - hogehoge
  - hogehoge
* hoge (半角スペースを2つ)
hoge
+ hoge

HTML

<ul>
  <li>hoge</li>
  <li>hoge</li>
  <li>hoge
    <ul>
      <li>hogehoge</li>
      <li>hogehoge</li>
    </ul>
  </li>
  <li>hoge<br>hoge</li>
  <li>hoge</li>
</ul>

罫線
3つ以上の*(アスタリスク), -(ハイフン), _(アンダースコア)と半角スペースのみの行は、罫線として扱われます。

***

* * *

*****

- - -

---------------------------------------

___

上記はすべて


に変換されます。

リンク
タイトル付きのリンクを投稿できます。

Markdowm

[example](http://example.com "example")

HTML

<a href="http://example.com">example</a>

画像埋め込み
画像も埋め込めちゃいます。

Markdown

![hoge](http://image.jpg "hogehoge")

HTML

<img src="http:image.jpg" alt="hoge" title="hogehoge">

コードの挿入
文字通りコードの挿入ですねw
バッククオートを3つならべて囲むことでコードとして解釈されます。

Markdown

 ``` 
 ここにコード
 ```

また、codeこのようにコードをインライン表示することも可能です。
Markdown

 `code`

まとめ


ざっとよく使うものをまとめました。
慣れてくるとそれなりに早く書くことが出来るようになってきて今までただメモしていたことが
より見やすいメモに大変身してくれます!あとMarkdownでかけるとなんかかっこいいよね!
みんなもガンガンつかっていきましょう!
あー来週なに書こうかな。。。