Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>markShow - 马克秀New to Visual Studio Code? Get it now.
markShow - 马克秀

markShow - 马克秀

陈随易

chensuiyi.me
|
1 install
| (0) | Free Trial
Markdown 多平台排版预览,侧边栏实时看效果,一键复制成公众号、知乎、掘金等平台可用的富文本
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

markShow 马克秀

在 VS Code 里写 Markdown,侧边栏实时看到它在各个平台排版后的样子。

它只管两件事:排版预览、图片托管。写作体验完全交给 VS Code,不提供编辑器。

三种复制形态

不选平台,只选形态。

公众号:全内联富文本。样式全部写进每个元素,适合会剥掉 <style> 与 class 的编辑器,图片带头宽约束。

语义:只带结构型样式(间距、引用竖线、表格边框、图片宽度),字号与文字颜色交给平台。适合知乎、今日头条这类会保留部分内联样式的编辑器,主题对它不生效。

源码:直接复制 Markdown 原文。适合掘金、CSDN、语雀这类自带 Markdown 编辑器的平台。

使用

打开任意 Markdown 文件,点活动栏的马克秀图标,侧边栏会显示排版结果。

顶部第一行切换三种复制形态,第二行左侧是字数与图片数,右侧选主题、复制、同步图片。顶部固定,只有下面预览区滚动。

编辑器里改一个字,侧边栏 250 毫秒后跟着变。

点复制把当前形态的内容写进剪贴板,直接粘到平台后台编辑器。

公众号与语义形态的剪贴板里同时带 HTML 与纯文本两份,粘到记事本时自动退成纯文本。

主题

三套内置主题:朴素、杂志、极简。

主题只写视觉,不写结构,同一套主题在不同平台走不同适配,不写两份 CSS。

配置

所有配置在设置里搜 markShow。

  • 目标平台:预览与复制面向的平台
  • 主题:排版风格,只影响视觉
  • 主题主色、正文字号、正文字体:只改变量,不动主题文件

排版原理

渲染管线只有一条:Markdown 转 HTML,清洗,按平台做结构适配,把主题 CSS 的声明逐条内联到元素上。

预览显示的就是内联后的 DOM,复制出去的也是同一份内容,所以不存在「预览好看、粘过去走样」的问题。

图片

文章里的本地图片只用于临时预览。顶部第二行点同步,把还没有线上地址的图片传到自己的图床,同时把 Markdown 里的路径换成线上地址。

第一次点会直接读远程主机里的配置。没有主机时会把远程主机面板打开,你在那里加一台即可,地址、账号、密码或私钥只配一次,其他扩展也能用。

已有线上地址的图片自动跳过,所以重复点不会重传。同一张图出现多次只传一次。

传完用一次 WorkspaceEdit 批量改写,可以整体撤销。

文件名与目录由模板控制,默认按年月分目录、毫秒时间戳命名。需要幂等就换成 ${hash},同一张图永远不会产生第二个文件。

外链图片不用管,公众号等平台会自己抓取并重新托管。

命令

命令 作用
打开预览 聚焦侧边栏
打开设置 打开本扩展的设置页
配置注册码 离线授权,当前未启用
使用文档 打开项目主页

授权

当前版本功能全部免费,授权机制已就位但未启用。

反馈

问题与建议请到 GitHub 提出。

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