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

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

2、打开配置文件

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

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

如有疑问,欢迎留言

回答: 如果你想在VSCode自定义Markdown的代码补全和其他设置,你可以按照以下步骤进行操作。 首先,打开VSCode的用户代码片段配置文件。你可以通过点击"首选项",然后选择"配置用户代码片段"来打开该文件。在其中,你可以输入以下代码来配置Markdown的代码补全: ```json "code": { "prefix": "code", "body": \[ "```shell", "$1", "```" \], "description": "Add shell code block" } ``` 这段代码定义了一个名为"code"的代码片段,当你输入"code"时,它会自动补全为一个包含shell代码的代码块。你可以根据需要修改代码块的内容。 接下来,你可以打开VSCode的设置文件"setting.json",并根据需要进行配置。以下是一些参考配置: ```json { "markdown-preview-enhanced.previewTheme": "pepper.css", "markdown-preview-enhanced.codeBlockTheme": "pepperLight.css", "markdown-preview-enhanced.printBackground": true, "\[markdown\]": { "editor.defaultFormatter": "DavidAnson.vscode-markdownlint" }, "markdown.extension.toc.levels": "2..4", "markdown-preview-enhanced.enableExtendedTableSyntax": true, "markdown-preview-enhanced.enableScriptExecution": true, "markdownlint.config": { "MD029": false, "MD033": false } } ``` 这些配置可以设置Markdown预览的主题、代码块的主题、打印背景、默认的Markdown格式化器、目录结构的级别、扩展的表格语法、脚本执行以及Markdown的lint规则等。 最后,如果你想在Markdown编辑器中启用快速建议功能,你可以在"setting.json"的"\[markdown\]"部分新增或修改"editor.quickSuggestions"的设置,例如: ```json { "\[markdown\]": { "editor.quickSuggestions": { "other": "on", "comments": "on", "strings": "on" } } } ``` 这样,当你在Markdown编辑器中输入代码时,将会有代码补全的建议。 希望以上信息对你有帮助! #### 引用[.reference_title] - *1* [macOS VScode Markdown 自定义补全 代码块](https://blog.csdn.net/u010953692/article/details/127798451)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vscode markdown个人自定义样式和调用方法说明](https://blog.csdn.net/hippyoo/article/details/130716012)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [解决vscodemarkdown自定义的snippet出不来的问题](https://blog.csdn.net/zoujiawei6/article/details/128035118)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值