眾所周知，在Markdown中有一到六級(jí)標(biāo)題，而正常的渲染設(shè)置中，這些標(biāo)題前不會(huì)有數(shù)字。除了一、二級(jí)標(biāo)題，其他標(biāo)題字體大小和粗細(xì)區(qū)別度又不大，這會(huì)導(dǎo)致觀看的時(shí)候不容易看出文本的層次結(jié)構(gòu)。本文提供了兩種通過(guò)修改CSS直觀化Markdown層次結(jié)構(gòu)的方法。

P.S.：雖然我使用的是VS Code的Markdown Preview Enhenced插件，但這個(gè)方法對(duì)所有能自定義CSS的預(yù)覽器都有用。

第一種方法是有序標(biāo)題，實(shí)現(xiàn)效果如下：

在所用的文本預(yù)覽器的自定義CSS中加入以下代碼：

根據(jù)[MarkdownLint](https://github.com/DavidAnson/markdownlint/blob/main/doc/Rules.md)，規(guī)范的Markdown文章中只能有一個(gè)一級(jí)標(biāo)題，所以這里沒(méi)有給h1加上數(shù)字，而是選擇居中作為大標(biāo)題。

此外，還可以用另一種方式體現(xiàn)不同級(jí)別標(biāo)題間的差別：縮進(jìn)式。

實(shí)現(xiàn)效果如下：

在所用的文本預(yù)覽器的自定義CSS中加入以下代碼：

預(yù)覽圖很容易看到這個(gè)樣式有一個(gè)局限性：標(biāo)題下的文本不會(huì)被縮進(jìn)。

所以就我個(gè)人來(lái)言，我喜歡在預(yù)覽當(dāng)中用縮進(jìn)標(biāo)題，而生成PDF的時(shí)候用有序標(biāo)題。

參考：https://stackoverflow.com/questions/19999696/are-numbered-headings-in-markdown-rdiscount-possible

FIN.