md2sb Sample
Markdown記法 表示確認用サンプル
任意のアプリケーションで表示確認するためのサンプルです。
自分用ですが、よろしければ置いておきますのでどうぞ。
【2016/03/24】 Markdown Extra, GFM(GitHub Flavored Markdown)の記法を追加しました
見出し1(h1)
見出し1(h1)
見出し2(h2)
見出し2(h2)
見出し3
見出し4
見出し5
見出し6
/icons/hr.icon
ここは段落です。♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーびまーるこー
ここは段落です。↑半角スペース2個で強制改行しています。♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーんあーなごー
強い強調(strong)です。 これも強い強調です。 <strong>strongタグです。</strong>
強調(em)です。 これも強調です。 斜体の<em>タグになります。
強調斜体です。 強調斜体です。 <strong>+<em>タグになります。
引用(Blockquote)です
> 引用のネストです上に一行空けないとネストのままです
引用(Blockquote)の中にはMarkdown要素を入れられます
見出し
1. 数字リスト
2. 数字リスト
エスケープ文字
*アスタリスクをバックスラッシュでエスケープ*
## 見出しハッシュ文字をエスケープ
HTMLタグをバックスラッシュでエスケープ→(\)
HTMLをバッククォートでインラインコード→(<p>)
[*** 水平線(<hr>)各種]
アスタリスク3個半角スペース空けて
/icons/hr.icon
アスタリスク3個以上
/icons/hr.icon
ハイフン半角スペース空けて
/icons/hr.icon
続けてハイフン3個以上
/icons/hr.icon
リスト
ハイフン箇条書きリスト
プラス箇条書きリスト
米印箇条書きリスト 二階層め・箇条書きリスト 三階層め・箇条書きリスト
四階層め・箇条書きリスト
箇条書きリスト
/icons/hr.icon
1. 番号付きリスト 1. 二階層め・番号付きリスト1
2. 二階層め・番号付きリスト2
2. 番号付きリスト2 1. 二階層め・番号付きリスト1 1. 三階層め・番号付きリスト1
2. 三階層め・番号付きリスト2
3. 四階層め・番号付きリスト1
2. 二階層め・番号付きリスト2
3. 番号付きリスト3
定義リストタイトル
: 定義リスト要素1
: 定義リスト要素2
: 定義リスト要素3
コードブロック
code:_
バッククォート or 半角チルダ3個でくくります。
/* コメント */
testtest // コメント
code:_
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ニョロニョロ囲みhtml</title>
/* コメント */
code:_
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>バッククォート囲みhtml</title>
code:_
body { display: none; } /* バッククォート囲みcss */
// コメント
code:_
// 先頭に半角スペース4つでcode囲い
<?php if (is_tag()){ $posts = query_posts($query_string . '&showposts=20'); } ?>
バッククォート1個ずつで囲むとインラインのコード(<code></code>)です。body { visibility: hidden; }
リンク
定義参照リンクです。SNSには や や などがあります。
画像
http://mkb.salchu.net/image/salchu_image02.jpg
table
table:table
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から拝借しました)
GFM
リンク
段落中の改行
ここは段落です。
↑returnで改行しています。
♪もーもたろさん もーもたーろさん おっこしーにつっけたーちー○○ー○○ー
コードブロック
バッククォートの開始囲みに続けて拡張子でシンタックスハイライト
code: (html)
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>バッククォート囲みに拡張子付きhtml</title>
/* コメント */
code: (css)
body { display: none; } /* コメント */
code: (php)
<?php if (is_tag()){ $posts = query_posts($query_string . '&showposts=20'); } ?>
取り消し線
取り消し線(GFM記法)sタグです。
単語中のアンダースコアの無効
GitHub_Flavored_Markdown_test_test
tasklist
task1
task2
completed task
参考URL