Skip to main content

Markdown サンプル (GFM 表示確認用)

GitHub Flavored Markdown (GFM) 表示確認用のサンプル。

見出し h2​

見出し h3​

..

本文 本文・・・・
改行 本文 本文・・・・

次の段落・・・・
改行 本文 本文・・・・

次の段落・・・・
後ろに空白のない改行 は表示上改行されない

VSCode 拡張の Markdown Preview Enhanced のデフォルト動作は「改行される」なので、
GFM と合わせるには breakOnSingleNewLine: false に設定する。

json
{
    // for GFM
    "markdown-preview-enhanced.breakOnSingleNewLine": false,
}

表​

本文

列1列2
aaaaaa11111aa
bbbb22bbbb

本文

箇条書き​

番号なし

  • リスト1
    • リスト1-1
    • リスト1-2
      • リスト1-2-1
      • リスト1-2-2
      • リスト1-2-3
    • リスト1-3
  • リスト2
    • リスト2-1

      リスト内での引用文

    • リスト2-2 
      リスト内でのコードブロック
    • リスト2-3

番号つき

  1. リスト1
    1. リスト1-1
    2. リスト1-2
      1. リスト1-2-1
      2. リスト1-2-2
    3. リスト1-3
  2. リスト2

チェックリスト

  • リスト1
    • リスト1-1
    • リスト1-2
      • リスト1-2-1
      • リスト1-2-2
    • リスト1-3
  • リスト2

混在

  • リスト
  • チェック
    • リスト
    • チェック
      • リスト
      • チェック
      • リスト
      • チェック
  • リスト
  • チェック

リンク​

文字装飾​

  • イタリック
  • 太字
  • 打ち消し線
  • 通常^上付き文字^下付き文字
  • 文字の ハイライト には <mark> タグを使う

区切り線​

引用​

引用 引用・・
改行 引用・・・

入れ子の引用
改行 入れ子の引用

入れ子を戻すときは間に1行あける

本文

コードブロック​

本文

c++
int i = 5;
double d = 1.5;

インラインブロック​

本文に int a = 1; などのコードを記載するときの記法。
日本語フォント も確認。

Mermaid​

デフォルト表示

フォントサイズ調整版（表示幅によるサイズ調整も防ぐ）

ちょっと無理やり感がある

折りたたみ​

詳細はこちらに記載

ここには 詳細を記載。
改行ルールは通常の段落と同じ。

<details>, <summary> タグを使う。

飛び先1​

ページ内リンク確認用 (#飛び先1 で参照)

Jump target 2​

ページ内リンク確認用 (#jump-target-2 で参照)

  • 小文字化
  • 空白は - に置き換え
Last updated on