Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>MD ToolkitNew to Visual Studio Code? Get it now.
MD Toolkit

MD Toolkit

gmsy

|
84 installs
| (0) | Free
Markdown 增强扩展:所见即所得编辑、画板(思维导图与流程图)、/ 斜杠菜单、图片管理、导出带书签的 PDF 与 HTML
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MD Toolkit

把 VS Code 变成顺手的 Markdown 编辑器:所见即所得编辑、斜杠菜单、一键导出带书签的 PDF 与 HTML、整篇出长图、复制到公众号。

🏠 功能演示与截图见 项目主页。

🖼 界面速览

所见即所得编辑:左侧目录、正文排版与文件树

所见即所得编辑:左侧目录点击跳转,底部状态栏切换正文版心。

画板:同一块板上并存思维导图、泳道与流程图

画板:思维导图、泳道、流程图可以在同一块板上共存。

公众号排版台:六套主题、发布前读数、一键存草稿与存贴图

公众号排版台:六套主题、发布前读数,一键存草稿或存贴图。

✨ 功能

编辑

  • 三种视图随时切换:源码 / 所见即所得 / 只读预览,改动自动存进 .md,左侧自带文档目录
  • 笔记之间的链接点击即打开目标文档
  • 斜杠菜单 /:24 种基础块 + 上下文操作(表格加行加列、列表转换)、输入过滤、最近使用
  • 快捷输入与光标出口:行首 #、-、1.、> 加空格转块,块尾 ↓ 或 Ctrl+Enter 或空行回车跳出
  • 标题折叠、块手柄点按菜单(上移/下移/复制/删除)与拖动排序、字数与阅读时长、Ctrl+F 查找替换
  • 复制跟预览一个样:清单按层带 • ○ ▪、有序列表保留原序号,粘到 Word / 飞书 / 语雀是原生列表,粘到 Excel 缩进不丢,块级操作一律一步可撤销
  • 给个网址把整篇网页拉回本地存成 Markdown:图片落进图片目录,代码块带原来的语言

排版

  • 行内格式化 Ctrl+B / I / U,成对符号敲一次包裹、再敲解开,空手敲自动补全对侧
  • 行内语法 ==高亮==、^上标^、~下标~,公式 KaTeX 离线渲染,点击退回 LaTeX 就地改
  • 脚注 [^1]:斜杠菜单插入引用并补上文末定义,引用处显示为上标,导出 PDF / HTML / 长图 / 公众号都带角标
  • 格式化文档统一标题前空行、脚注顺序与中西文间距,表格列的居中与居右不受影响
  • 提示卡片(GitHub 风格五种)、折叠块、日期块,存下来还是原来的 Markdown 写法
  • 代码块 17 种语言切换、自动语法着色、悬停一键复制,表格按网格插入、Tab 跳格、末格增行、插删行列
  • 正文版心两档:居中窄栏或整栏页宽,一键切换
  • mermaid 图表预览渲染,粘贴 Markdown 源码或 Excel 表格数据直接成块

图片

  • 粘贴截图或拖入图片文件自动存进图片目录,文档只写相对路径,悬停可缩放、换图、改说明、加链接与调整对齐
  • 灯箱看大图:滚轮缩放、拖动平移、双击原始大小、← / → 多图翻页
  • 导出为图片:整篇一张长图,或按内容切成多张,切点只落在段落之间,公式与图表原样进图

画板

  • 文档里输入「/画板」建一块独立画板(.mb.svg 文件),保存后文档内即时显示,双击图片回编辑
  • 思维导图 12 档结构:横向、纵向、镜像、组织结构图、时间轴、径向,加做因果分析用的鱼骨图
  • 思维导图:键盘与鼠标两条建树路径,四套主题,折叠收成「+N」徽章,分支可加概要与标记
  • 节点单独调样式:换底色、字号和形状,复制后样式保留,动作条一键恢复默认
  • 连线能钉在具体节点上:节点移动、折叠、改挂后线跟着走,删节点时线一起清掉
  • 流程图:24 种符号按语义自动配色,锚点单击自动补全下一个形状,正交连线自动绕开沿途图元
  • 大纲双向转换:光标停在某小节即可把标题+列表一键长成思维导图画板,画板导图也能右键导出 Markdown 大纲
  • 整板出图:存为 PNG(含高清档),或复制 SVG 贴到别处
  • 便签 / 文字 / 手绘笔迹 / 图片随板内嵌,泳道、多选对齐分布、分组与锁定
  • 空格 / 中键平移、智能参考线吸附、Shift+1 适应画布,新板默认暖白底,深色板自动可读配色

📋 命令与快捷键

命令 快捷键 说明
粘贴图片到图片目录 Cmd/Ctrl + V(+ Alt 手动触发) 截图自动存图,文档只写相对路径
导出为 PDF(带目录书签) — 编辑器右上角「导出」菜单或命令面板
导出为 HTML(带目录书签) — 编辑器右上角「导出」菜单或命令面板
导出为图片(长图 / 分张) — 编辑器右上角「导出」菜单或命令面板,先选一张长图还是按内容分张
复制到公众号(排好版) Cmd/Ctrl + Alt + W 编辑器右上角「导出」菜单、文件树右键或命令面板
存草稿到公众号 — 复制到公众号面板的「存草稿」,首次使用有向导带着拿 AppID、AppSecret 与 IP 白名单
插入图片 / 生成目录 — 命令面板搜索 MD Toolkit
拉取网页存为 Markdown — 命令面板给个网址,图片存进图片目录,代码块保留语言,存完自动打开
格式化文档 Shift + Alt + F 仅在 Markdown 文本编辑器生效,代码块内容原样保留
查找 / 替换 Cmd/Ctrl + F webview 内查找条,所见即所得与只读预览两个宿主都生效,替换入口仅编辑态显示
将 .md 默认用所见即所得打开 — 首次启动会问一句;手滑拒了可在命令面板再执行一次

⚙️ 配置

配置 说明
mdToolkit.imageDir 图片存放目录(默认 image)
mdToolkit.pasteImageEnabled 是否接管粘贴键保存截图(默认开)
mdToolkit.import.maxImages 「拉取网页存为 Markdown」一篇最多下多少张图,超出的保留原网址(默认 100)
mdToolkit.import.maxImageMB 单张图的大小上限,超出的保留原网址(默认 20)
mdToolkit.tocMaxDepth 目录(TOC)最大标题层级 1-6(默认 3)
mdToolkit.outlineFoldLevel 预览目录默认展开到第几级,0 为全部展开(默认 0)
mdToolkit.previewAutoOpen 打开 Markdown 文件时自动打开预览(默认关)
mdToolkit.chromePath Chrome 路径,留空自动查找(用于导出 PDF、导出图片与网页里的图表)
mdToolkit.imageWidth 「导出为图片」的正文宽度(默认 750)
mdToolkit.imageSliceHeight 「按内容分张」每张的最大高度,实际切点仍落在段落之间(默认 2000)
mdToolkit.attribution HTML / PDF / 图片 / 画板 PNG 导出末尾的署名行(默认开,关掉即干净导出)
mdToolkit.wechat.appid 「存草稿」用的公众号 AppID;AppSecret 在面板里输一次,存系统安全存储,不进文件
mdToolkit.wechat.account 公众号名称,面板顶部账号位按它排;配置存草稿时自动取回,一般不用手填

📝 更新日志

完整更新日志与新主题、排版技巧首发于项目主页。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft