在使用alist的时候,我发现渲染字体的颜色时会出现问题,因为markdown本身不支持字体颜色,所以需要借助于html的语法,当我使用如下语法的时候:

github图片

## <font color=green>博客文件</font>

## 博客文件

<font color=green>博客文件</font>

在vscode中是正确显示的:

github图片

但是在alist中只显示一个:

github图片

于是就去提了一个issue markdown 文件无法渲染字体颜色

之后回复说用另一个语法:

<span style="color:blue;">blue</span>

之后我尝试了一下,果然是可以的

但是一个一个修改太麻烦了,看到了style这个语法,所以我就想着能不能直接在文件头对各级标题进行定义,之后找了一下markdown和html的相关语法,尝试了如下的定义:

<style>
h1 { font: color=red; }
h2 { font: color=green; }
h3 { font: color=blue; }
h4 { font: color=purple; }
</style>

发现并不行,于是加上后面的important:

<style>
h1 { font: color:red !important; }
h2 {  color:green !important; }
h3 { font: color:blue !important; }
h4 { font: color:purple !important; }
</style>

还是不行,之后发现似乎不需要font关键字,删除之后终于是可以了:

<style>
h1 {  color:red ; }
h2 {  color:green ; }
h3 {  color:blue ; }
h4 {  color:purple ; }
</style>

之后就OK了,各级标题都是相应的颜色,不需要每次都单独定义,起飞~