解决VS Code下Markdown Preview Enhanced不能使用自定义css的问题

时间:2024-03-13 07:24:34

1、Markdown Preview Enhanced默认给出了如下主题css:

解决VS Code下Markdown Preview Enhanced不能使用自定义css的问题

2、打开配置文件

Ctrl+Shift+P打开控制命令行,然后如下输入就可以更改插件配置
第一个选项是json格式的配置文件,第二个选项是使用UI界面打开配置文件,第三个是打开默认的配置文件,所有的配置都在里面,可以复制,但是不可编辑,复制到第一个选项里面即可进行配置,这里打开第一个选项`Open Settings(JSON)`

解决VS Code下Markdown Preview Enhanced不能使用自定义css的问题

3、输入如下内容:

    "markdown-preview-enhanced.previewTheme": "github-light.css"

Markdown Preview Enhanced默认就是github-light.css

4、使用自己下载的css文件替换github-light.css

VS Code插件安装在如下地址:

C:\用户\用户名\.vscode\extensions\

github-light.css的路径是:

C:\用户\用户名\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.3.13\node_modules\@shd101wyy\mume\styles\preview_theme

将自己下载的css文件重命名位github-light.css,替换此处的github-light.css,即可完成设置

推荐css: 点击下载 github.css

如有疑问,欢迎留言