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

Question

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

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

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

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

非常感谢帮助。

Answer 1

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

打开您的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 header coloring”的方法

\n

基本上你必须

\n

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

\n