如何在 VS Code 编辑器中通过标题级别更改 Markdown 标题颜色？

Question

我的问题与这个问题类似，但给出的答案是针对 Vim 的，我需要一个针对 VS Code 的答案。我是一个真正的新手，我尝试自己解决这个问题，但这些尝试失败了：

• Markdown Preview GitHub Styling - 说它允许用户定义自定义 css，但它为 html 预览设置样式，而不是编辑器中的文本

• Markdown 主题套件 - 指向自定义 .css 文件，但包含的文件并没有告诉我如何针对不同的标题级别进行不同的操作

• Markdown 标题着色 - 声称正是这样做的，但是当我尝试放入用户定义的 css 来为每个标题级别提供不同的颜色时，即使在关闭/之后，我仍然会在同一级别的标题之间看到颜色变化重新启动 VS Code。

非常感谢您的帮助。

Answer 1

在没有扩展的编辑器中，有一种内置的方法可以设置文本样式，包括 Markdown 标题，使用 VSCode 的颜色主题 设置：

打开您的

settings.json

(

~/.config/Code/User/settings.json

) 或 Ctrl+p“设置”，并在顶级

{}

之间插入 例如：

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
          "scope": "heading.1.markdown entity.name.section.markdown, heading.1.markdown punctuation.definition.heading.markdown",
          "settings": {
              "foreground": "#9cecfb",
              "fontStyle": "bold",
          }
      },
      {
          "scope": "heading.2.markdown entity.name.section.markdown, heading.2.markdown punctuation.definition.heading.markdown",
          "settings": {
              "foreground": "#83a4d4",
          }
       }
    ]
}

Answer 2

我遇到了同样的问题，并找到了使用 VSCode 扩展的方法 “Markdown 标题着色”

基本上你必须

• 安装扩展
• 在settings.json中设置一些自定义设置。您可以在“用户定义的标题颜色”部分找到自定义设置的示例
• 不要忘记每次修改后重新加载窗口：打开

  Command Palette

  →输入

  Reload window