VSCode Markdown Preview Enhanced 中关闭标题罗马数字预览的方法

在使用 VSCode Markdown Preview Enhanced 插件时，用户可能会遇到标题在预览模式下自动显示为罗马数字的情况。本文将详细介绍这一现象的成因以及如何自定义标题的显示样式。

问题现象

当用户使用 Markdown 编写文档时，特别是使用有序列表嵌套时，预览模式下可能会看到标题或列表项被自动转换为罗马数字显示。这种自动转换虽然在某些场景下有用，但有时会与用户的预期不符。

技术原理

这种现象是由于 CSS 样式表中对有序列表(ol)的默认设置导致的。浏览器和 Markdown 预览器通常会为不同层级的列表应用不同的编号样式：

• 第一级列表：十进制数字(1, 2, 3...)
• 第二级列表：小写字母(a, b, c...)
• 第三级列表：小写罗马数字(i, ii, iii...)

解决方案

要自定义或关闭这种自动编号转换，可以通过修改 CSS 样式表来实现。以下是具体方法：

方法一：统一使用十进制数字

ol ol {
    list-style-type: decimal;
}

这段 CSS 代码会强制所有层级的列表都使用十进制数字显示。

方法二：完全禁用列表编号

ol {
    list-style-type: none;
}

方法三：自定义各级列表样式

ol {
    list-style-type: decimal;
}

ol ol {
    list-style-type: lower-alpha;
}

ol ol ol {
    list-style-type: lower-roman;
}

应用自定义样式

在 VSCode Markdown Preview Enhanced 中应用自定义样式的方法：

1. 打开命令面板(Ctrl+Shift+P)
2. 搜索并选择"Markdown Preview Enhanced: Customize CSS"
3. 在弹出的样式表中添加上述CSS代码
4. 保存文件

注意事项

1. 修改样式表会影响所有 Markdown 文件的预览效果
2. 如果需要针对特定文件使用特殊样式，可以考虑使用内联样式或前端物质特性
3. 某些主题可能会覆盖这些设置，需要检查主题的CSS优先级

通过以上方法，用户可以灵活控制 Markdown 预览中标题和列表的编号显示方式，满足不同的文档排版需求。