Markdown記法 表示確認用サンプル
任意のアプリケーションで表示確認するためのサンプルです。 自分用ですが、よろしければ置いておきますのでどうぞ。 【2016/03/24】 Markdown Extra, GFM(GitHub Flavored Markdown)の記法を追加しました
forapp-markdown-sample.md - Dropbox
ここは段落です。♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーびまーるこー
ここは段落です。
↑半角スペース2個で強制改行しています。
♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーんあーなごー
- 強い強調(strong)です。 これも強い強調です。
<strong>
strongタグです。</strong>
- 強調(em)です。 これも強調です。 斜体の
<em>
タグになります。 - 強調斜体です。 強調斜体です。
<strong>
+<em>
タグになります。
引用(Blockquote)です
引用のネストです
上に一行空けないとネストのままです
引用(Blockquote)の中にはMarkdown要素を入れられます
- 数字リスト
- 数字リスト
*アスタリスクをバックスラッシュでエスケープ*
## 見出しハッシュ文字をエスケープ
HTMLタグをバックスラッシュでエスケープ→(<p>)
HTMLをバッククォートでインラインコード→(<p>
)
アスタリスク3個半角スペース空けて
アスタリスク3個以上
ハイフン半角スペース空けて
続けてハイフン3個以上
- ハイフン箇条書きリスト
- プラス箇条書きリスト
- 米印箇条書きリスト
- 二階層め・箇条書きリスト
- 三階層め・箇条書きリスト
- 四階層め・箇条書きリスト
- 二階層め・箇条書きリスト
- 箇条書きリスト
- 番号付きリスト
- 二階層め・番号付きリスト1
- 二階層め・番号付きリスト2
- 番号付きリスト2
- 二階層め・番号付きリスト1
- 三階層め・番号付きリスト1
- 三階層め・番号付きリスト2
- 四階層め・番号付きリスト1
- 二階層め・番号付きリスト2
- 二階層め・番号付きリスト1
- 番号付きリスト3
定義リストタイトル : 定義リスト要素1 : 定義リスト要素2 : 定義リスト要素3
バッククォート or 半角チルダ3個でくくります。
###ここにはMarkdown書式は効きません
/* コメント */
testtest // コメント
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ニョロニョロ囲みhtml</title>
/* コメント */
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>バッククォート囲みhtml</title>
body { display: none; } /* バッククォート囲みcss */
// コメント
// 先頭に半角スペース4つでcode囲い
<?php if (is_tag()){ $posts = query_posts($query_string . '&showposts=20'); } ?>
バッククォート1個ずつで囲むとインラインのコード(<code></code>
)です。body { visibility: hidden; }
markdownでテキストリンク WIRED.jp
<カッコ>でくくってリンク http://wired.jp/
定義参照リンクです。SNSには [Twitter] 1 や [Facebook] 2 や [Google+] 3 などがあります。
Left align | Right align | Center align |
---|---|---|
This | This | This |
column | column | column |
will | will | will |
be | be | be |
left | right | center |
aligned | aligned | aligned |
(Kobitoのヘルプmdから拝借しました)
URLそのまま貼り付け http://wired.jp/
ここは段落です。 ↑returnで改行しています。 ♪もーもたろさん もーもたーろさん おっこしーにつっけたーちー○○ー○○ー
バッククォートの開始囲みに続けて拡張子でシンタックスハイライト
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>バッククォート囲みに拡張子付きhtml</title>
/* コメント */
body { display: none; } /* コメント */
<?php if (is_tag()){ $posts = query_posts($query_string . '&showposts=20'); } ?>
取り消し線(GFM記法)
sタグです。
GitHub_Flavored_Markdown_test_test
- task1
- task2
- completed task