← 一覧へ

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)

HTML と CSS の省略語展開テスト。
(ホバーで説明が出るかはブラウザと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