两种直观化Markdown层次结构的方法

众所周知，在Markdown中有一到六级标题，而正常的渲染设置中，这些标题前不会有数字。除了一、二级标题，其他标题字体大小和粗细区别度又不大，这会导致观看的时候不容易看出文本的层次结构。本文提供了两种通过修改CSS直观化Markdown层次结构的方法。

P.S.：虽然我使用的是VS Code的Markdown Preview Enhenced插件，但这个方法对所有能自定义CSS的预览器都有用。

第一种方法是有序标题，实现效果如下：

在所用的文本预览器的自定义CSS中加入以下代码：

根据[MarkdownLint](https://github.com/DavidAnson/markdownlint/blob/main/doc/Rules.md)，规范的Markdown文章中只能有一个一级标题，所以这里没有给h1加上数字，而是选择居中作为大标题。

此外，还可以用另一种方式体现不同级别标题间的差别：缩进式。

实现效果如下：

在所用的文本预览器的自定义CSS中加入以下代码：

预览图很容易看到这个样式有一个局限性：标题下的文本不会被缩进。

所以就我个人来言，我喜欢在预览当中用缩进标题，而生成PDF的时候用有序标题。

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

FIN.