Markdown
Kobito

Markdown記法 表示確認用サンプル

More than 1 year has passed since last update.

任意のアプリケーションで表示確認するためのサンプルです。
自分用ですが、よろしければ置いておきますのでどうぞ。
【2016/03/24】 Markdown Extra, GFM(GitHub Flavored Markdown)の記法を追加しました

forapp-markdown-sample.md - Dropbox

見出し1(h1)

見出し1(h1)

見出し2(h2)

見出し2(h2)

見出し3

見出し4

見出し5
見出し6

ここは段落です。♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーびまーるこー

ここは段落です。

↑半角スペース2個で強制改行しています。

♪もーもたろさん もーもたーろさん おっこしーにつっけたーちーんあーなごー

  • 強い強調(strong)です。 これも強い強調です。 <strong>strongタグです。</strong>
  • 強調(em)です。 これも強調です。 斜体の<em>タグになります。
  • 強調斜体です。 強調斜体です。 <strong><em>タグになります。

引用(Blockquote)です

引用のネストです

上に一行空けないとネストのままです

引用(Blockquote)の中にはMarkdown要素を入れられます

見出し

  1. 数字リスト
  2. 数字リスト

エスケープ文字

*アスタリスクをバックスラッシュでエスケープ*

## 見出しハッシュ文字をエスケープ

HTMLタグをバックスラッシュでエスケープ→(<p>)

HTMLをバッククォートでインラインコード→(<p>

水平線(<hr>)各種

アスタリスク3個半角スペース空けて


アスタリスク3個以上


ハイフン半角スペース空けて


続けてハイフン3個以上


リスト

  • ハイフン箇条書きリスト
  • プラス箇条書きリスト
  • 米印箇条書きリスト
    • 二階層め・箇条書きリスト
      • 三階層め・箇条書きリスト
      • 四階層め・箇条書きリスト
  • 箇条書きリスト

  1. 番号付きリスト
    1. 二階層め・番号付きリスト1
    2. 二階層め・番号付きリスト2
  2. 番号付きリスト2
    1. 二階層め・番号付きリスト1
      1. 三階層め・番号付きリスト1
      2. 三階層め・番号付きリスト2
      3. 四階層め・番号付きリスト1
    2. 二階層め・番号付きリスト2
  3. 番号付きリスト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には TwitterFacebookGoogle+ などがあります。

画像

うきっ!

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

リンク

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

tasklist

  • task1
  • task2
  • completed task

参考URL