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

9190 ワード
Markdown Kobito Markdown テキストリンク

任意のアプリケーションで表示確認するためのサンプルです。
自分用ですが、よろしければ置いておきますのでどうぞ。
【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には Twitter や Facebook や Google+ などがあります。

画像

うきっ！

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