LoginSignup
26
29

More than 5 years have passed since last update.

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

Last updated at Posted at 2014-07-30

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

26
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
26
29