Markdown のテスト

/ 2018-09-07   (Updated : 2018-10-28)

これは h2 のヘッダ

これは段落だ。サイトの CSS を調整するために、このページでは各種 Markdown の記法を試す。 さて、今僕は Markdown 上で改行を行ったが、通常の改行では段落は分かれない。

改行したのち、空行を挟むことで段落が分かれる。

これは h3 のヘッダ。リスト表記について

以下がリストの見た目になる:

  • リストアイテムその 1
    • リストアイテムその 1-2
      • リストアイテムその 1-2-2
        途中で改行した場合
      • リストアイテムその 1-2-3
    • リストアイテムその 1-3
  • リストアイテムその 2
    • リストアイテムその 2-2

インデントは 2 spaces だとダメで、3 段目以降のネストがうまくいかなかった。 4 spaces を使わなければならない。Hugo が利用している Markdown エンジン Blackfriday 側の問題のようだ。以下に Issue がある:

これは h4 のヘッダ

h1 のヘッダはページのタイトルのみに使用することにする。

これは h5 のヘッダ

あまり使うことは無いだろうが。

コード表示

// comment
class Hoge extends Fuga {
    public int piyo = 0;
}

引用

  • これが引用である

引用は入れ子にできる:

  • これが引用である
  • 二重引用はこのような見た目になる

その他レンダリングテスト

強調表示は このような見た目 になる。 (<em>...</em>)

強い強調は このような見た目 になる。 (<strong>...</strong>)

さらに強い強調は このような見た目 になる。 (<strong><em>...</em></strong>)


↑ これが水平線。

Ascii Text

英数字の見た目は以下のような感じになる:

Lorem ipsum $1234 + 5678 dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

テーブル

Left align Center align Right align
This This This
column column column
will will will
be be be
left center right
aligned aligned aligned
And This is Very Very Very Very long text.
  • Markdown は標準で class 指定できないのがつらいところ
  • デフォルトの table にスタイルを当ててもよかったが、shortcode を用意した