Parsedown Extra 動作確認テンプレ
このページは Parsedown Extra の主要機能が出力されるかを確認するためのテスト記事です。
改行テスト:この行の次で改行します。
次の行が同じ段落で改行になっていれば setBreaksEnabled(true) が効いています。
1) 画像テスト(cover 自動推定)
本文中の最初の画像が cover に自動推定されるか確認します。

2) 表(Tables)
| 項目 | 値 | 備考 |
|---|---|---|
| りんご | 120 | 右寄せ確認 |
| みかん | 80 | ふつう |
| ぶどう | 300 | 高い |
3) 脚注(Footnotes)
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";
⸻
- 引用・箇条書き・ネスト
引用です。
2行目。
• リスト1
• リスト2
• ネストA
• ネストB
⸻
- 前後関係の確認(HTML混在)
この行は生HTMLです(MarkupEscaped/SafeMode をONにすると変化します)
⸻
- 最後に:期待されるチェック項目
• 表が崩れずに出る
• 脚注リンクが生成され、末尾に脚注ブロックが出る
• 定義リストが- っぽくなる
• {#id .class} が反映される
• fenced code がそのまま表示される
• 画像がとして出て、cover 推定が効く
置き方のおすすめ
例えば記事ファイル名を君のルールに合わせて:
post/20260212-parsedown-extra-test.md
みたいにしておくと、slug は parsedown-extra-test になるはず。
-
これは脚注1です。長文でもOK。段落を変えたい時は空行を入れます。 ↩
-
これは脚注2です。リンクも混ぜられます。 https://example.com ↩