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

本文详细介绍如何在VSCode中安装并使用MarkdownpreviewEnhanced插件,包括自定义快捷键、启用CodeChunk功能以直接运行代码块并显示结果,以及如何更改预览主题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、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.youkuaiyun.com/ArthurCaoMH/article/details/89300465
    [3] 官方文档:https://shd101wyy.github.io/markdown-preview-enhanced/#/

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值