VS code中Markdown preview Enhanced 插件主题更改

一、Markdown preview Enhanced 安装

打开VS Code后按快捷键 ctrl+shift+x 打开扩展中心,直接在搜索框输入 Markdown Preview Enhanced,点击安装

二、简单使用

  • VS code自带preview的使用
    首先VS code默认是支持Markdown编辑的,但是似乎支持的语法比较有限,这也是我们安装这个插件的原因。键入快捷键ctrl+k ctrl+s就可以打开VScode中快捷键列表,在搜索框键入_preview_,即可发现

    • 键入ctrl+shift+v新开一个tab视窗展示现有代码的效果;
    • 键入ctrl+k v新开一个“偏窗”(sidewindow) 展示效果,非常方便
      在这里插入图片描述
  • Markdown Preview Enhanced 的使用
    安装之后我们再去快捷键列表去查看的时候,发现该插件和自带的展示效果快捷键是冲突的,截图如下:
    在这里插入图片描述

  • 解决方案
    更改markdown Preview Enhanced 的快捷键。提供我的给大家参考:

    • 键入ctrl+p ctrl+t 新开一个tab视窗展示;
    • 键入ctrl+p ctrl+s 新开一个“偏窗”展示。

三、“Code Chunk”功能的使用

怎么形容这个功能,有种感觉就是在使用裸露版的jupyter,可以直接展示自己引用代码的运行结果(包括绘制图形)

脚本运行默认是禁用的,并且需要在VSCode 的插件设置中开启来进行使用. 请小心使用这一特性,因为它很有可能造成安全问题! 当你的脚本运行设置是开启的,你的电脑很有可能被黑客攻击,如果有人使你运行了 Markdown 文档中的恶意代码。

  • 首先需要在设置中开启这个功能
    在VS code的设置里设置名称: Enable Script Execution为勾选就可以了;
  • 使用Code Chunk功能的代码块必须要使用额外形式做记认. 最基本的是{cmd=true}开启功能.
    例一:
          ```{cmd=bash}
          ls .
          ```
    
    效果如下:
    在这里插入图片描述 例二:
    	```{cmd="/usr/bin/python"}
    	print("Hello World!")
    	```
    
    效果如下:
    在这里插入图片描述

四、更改“Markdown Preview Enhanced”主题

  • 默认主题
    在这里插入图片描述
    因为我个人比较喜欢深色主题,结果每次preview的时候出来一个浅色的界面,忍不了……

  • 查看提供的默认主题
    键入ctrl+, 打开设置面板,在搜索框键入 markdown preview enhanced theme (不要问我为什么这么输入,因为我也不确定它到底能不能更改,只能指定关键字泛搜)
    在这里插入图片描述

    点击那个’那个倒三角’可以查看它提供的默认主题,如下
    在这里插入图片描述

  • 更改默认主题
    现在那还不是一件很容易的事情了,直接选中自己喜欢的那一个就可以。我选了‘none.css’(主要是因为他和我现在的VS code的效果很契合),最后效果如下:
    在这里插入图片描述

    参考文献

    [1] https://www.jianshu.com/p/7313d9840edc
    [2] https://blog.csdn.net/ArthurCaoMH/article/details/89300465
    [3] 官方文档:https://shd101wyy.github.io/markdown-preview-enhanced/#/

### 如何在 VSCode 中使用和配置 Markdown Preview Enhanced 插件 #### 安装插件 为了提升 Markdown 文件的预览效果,在 Visual Studio Code (VSCode) 中可以安装名为 **Markdown Preview Enhanced** 的扩展工具[^2]。 可以通过以下方式来完成该插件安装: 1. 打开 VSCode; 2. 访问左侧活动栏中的 Extensions 图标(或者通过快捷键 `Ctrl+Shift+X`),进入扩展市场; 3. 在搜索框内输入 “Markdown Preview Enhanced”,找到对应的插件并点击 Install 按钮进行安装; #### 使用插件功能 一旦成功安装了此插件,用户便能够享受到更加丰富的 Markdown 预览特性。例如支持 LaTeX 数学表达式的渲染、Mermaid 流程图的支持以及更多高级样式设置等功能[^4]。 要查看文档的增强版预览,只需右击编辑器内的任意位置选择 "Open Preview to the Side with MPE" 或者利用命令面板 (`Ctrl+Shift+P`) 输入相应指令启动即可[^5]。 #### 自定义配置选项 针对个人偏好调整界面显示风格也是可行的。如果默认主题不符合需求,则可通过修改 JSON 格式的用户设置文件实现自定义化定制。比如更改背景色调以适应不同的工作环境或视觉习惯[^3]。 具体操作如下所示: ```json { "markdown-preview-enhanced.theme": "dark", "markdown.preview.css": [ "/path/to/custom/style.css" ] } ``` 上述代码片段展示了如何指定暗黑模式作为主题,并引入外部 CSS 文件来自定义页面布局与外观设计。 #### 常见问题解决办法 有时可能会遇到某些特定情况下公式未能正常呈现等问题。此时建议确认已正确加载 MathJax 库,并确保网络连接稳定以便获取必要的资源文件。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值