在以下编辑器中的至少一个中，是否可以在 Markdown 语法中使用彩色标题：Sublime Text 3、Vim 或 Visual Studio Code？

Question

Essentially I would like for my headings to look like this:

How could I accomplish this in markdown syntax? I prefer sublime text but would be happy if I can make this happen in Sublime Text 3, Vim or Visual Studio Code. Lastly, if getting the subheadings to produce multicolors is difficult, then, how could I change the hashtag color of all headings to the same color. For example, all of my headings would have green hashtags but the heading font color would be #FFFFFF .

Thank you for your help.

Answer 1

In Vim, you can override your color scheme by adding the following in a new file named ~/.vim/after/syntax/markdown.vim :

syn match    customHeader1     "^# "
syn match    customHeader2     "^## "
syn match    customHeader3     "^### "
syn match    customHeader4     "^#### "
syn match    customHeader5     "^##### "

highlight customHeader1 ctermfg=34
highlight customHeader2 ctermfg=32
highlight customHeader3 ctermfg=127
highlight customHeader4 ctermfg=45
highlight customHeader5 ctermfg=220

It creates 5 syntax groups ( customHeader1 to customHeader4 ) matching the given regexes. Then it defines the colors for those groups.

34, 32, 127, 45, 220 are the colors, They should match your example. It renders as follow:

Also, you need to have:

syntax on

in your .vimrc

Answer 2

With Sublime Text 3, you can also define one specific color for 3 header levels.

If you have already a theme with specific markdown colors, edit your .tmTheme file and search for

<string>markup.heading, markup.heading punctuation</string>

This is the default heading color that is used for all heading levels.

If you duplicate the parent <dict> block for this entry, you can put a specific color for 1st heading level (# in markdown) by changing <string> like this :

<string>markup.heading.1, markup.heading.1 punctuation</string>

if you duplicate one more you can change the 2nd level color (## in markdown) :

<string>markup.heading.2, markup.heading.2 punctuation</string>

Other levels ### etc. are not defined so you cannot add specific colors for them (but it is in fact still possible if you modify your Markdown.sublime-syntax file and extends it to other heading levels, with the same type of patterns code used for level 1 and level 2 headings)