← 一覧へ

Parsedown Extra 動作確認テンプレ

Parsedown Extra 動作確認テンプレ

このページは Parsedown Extra の主要機能が出力されるかを確認するためのテスト記事です。
改行テスト:この行の次で改行します。
次の行が同じ段落で改行になっていれば setBreaksEnabled(true) が効いています。


1) 画像テスト(cover 自動推定)

本文中の最初の画像が cover に自動推定されるか確認します。

cover候補


2) 表(Tables)

項目 備考
りんご 120 右寄せ確認
みかん 80 ふつう
ぶどう 300 高い

3) 脚注(Footnotes)

脚注の参照です。1 もう一つ脚注。2


4) 定義リスト(Definition Lists)

用語A
説明Aです。
2行目も入れられます。
用語B
説明Bです。

5) 省略語(Abbreviations)

HTMLCSS の省略語展開テスト。
(ホバーで説明が出るかはブラウザとCSS次第)


6) 属性(Attributes)

この見出しにIDとクラスを付けます。 {#attr-test .box .box--accent}

次の段落にもクラスを付けます。 {.note}


7) コードブロック(fenced code)

<?php
echo "Hello Parsedown Extra";

  1. 引用・箇条書き・ネスト

引用です。
2行目。

•   リスト1
•   リスト2
•   ネストA
•   ネストB

  1. 前後関係の確認(HTML混在)

この行は生HTMLです(MarkupEscaped/SafeMode をONにすると変化します)

  1. 最後に:期待されるチェック項目
    • 表が崩れずに出る
    • 脚注リンクが生成され、末尾に脚注ブロックが出る
    • 定義リストが
    っぽくなる
    • {#id .class} が反映される
    • fenced code がそのまま表示される
    • 画像が として出て、cover 推定が効く

置き方のおすすめ

例えば記事ファイル名を君のルールに合わせて:

  • post/20260212-parsedown-extra-test.md

みたいにしておくと、slug は parsedown-extra-test になるはず。


  1. これは脚注1です。長文でもOK。段落を変えたい時は空行を入れます。 

  2. これは脚注2です。リンクも混ぜられます。 https://example.com 

#dev #markdown #parsedown #test