[riiimparm]

原因

Markdown は番号付きリストを <ol> として出力している。パーサがリストを落としているわけではなく、サニタイズ処理もない。

消えているのはマーカーである。globals.css の @tailwind base が Tailwind の preflight を入れていて、そこでは ol と ul が list-style: none かつ padding: 0 になる。本文（.blog-body）は箇条書きの ul だけ list-style: disc と padding-left: 1rem に戻していた。番号付きリストの <ol> には同じ指定がなく、項目の文章だけが表示されていた。

目次の ol は別で、list-style: none のまま CSS カウンタ（counters(toc, '.')）で番号を出している。

変更内容

src/layouts/BlogLayout.astro の .blog-body に、箇条書きと同じ余白と項目間隔で番号（list-style: decimal）を戻す指定を足した。

目次は .toc ol の方が詳細度が高いので、カウンタ表示と余白はそのまま残る。パンくずの ol は .blog-body の外なので影響しない。

検証

ローカルの開発サーバで既存記事を表示して確認した。

• 番号: /blog/burpex-burpee のインストール手順は、修正前は番号なし、修正後は 1. から 4. が出る。狭い幅（390px）でも番号は欠けない。/blog/verify-release-binary でも 1. から 7. が出る
• インデント: 本文の ol は箇条書きと同じ padding-left: 1rem。2桁（10. 以降）も画面左で切れない
• 入れ子: 既存記事の入れ子箇条書き（/blog/site-tech-stack）のマーカーとインデントは変わらない。番号付きの入れ子は既存記事になかったため、本文に ol を足して確認した。外側は start どおり 3. から、内側は 1. から、内側の箇条書きは黒丸のまま
• 箇条書き: /blog/burpex-burpee の黒丸は修正前と同じ
• それ以外: 目次の番号（1 / 2.1 / 2.1.1）はカウンタのまま。表、コードブロック、引用の見た目も変わらない

修正前

番号が出ていないインストール手順

修正後

番号が付いたインストール手順

狭い幅でも番号が出る

別記事の1から7

回帰

箇条書き

入れ子の箇条書き

目次

表

コードブロック

引用

_{To show artifacts inline, enable in settings.}

  

[naoki-00-ito]

@riiimparm LGTM！