Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MarkFlowNew to Visual Studio Code? Get it now.
MarkFlow

MarkFlow

freyjastar

|
1 install
| (0) | Free
A VS Code extension that renders Markdown content from terminal output in real-time, providing a live preview of your Markdown directly within the editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
MarkFlow Logo

MarkFlow

实时渲染终端 Markdown 输出的 VSCode 扩展

Real-time Markdown rendering for terminal output in VSCode

Version VSCode

中文


中文文档

简介

MarkFlow 它能够自动捕获终端输出的 Markdown 内容,并在侧边栏实时渲染,提供输出内容的可视化体验。

核心特性

  • 自动捕获 - 复制终端内容后自动检测并渲染,无需手动操作
  • 完整 Markdown 支持 - 标题、列表、表格、代码块、引用等全支持
  • Mermaid 图表 - 自动识别并渲染流程图、时序图、类图等
  • 代码高亮 - 基于 Highlight.js 的专业代码高亮
  • 数学公式 - KaTeX 支持的 LaTeX 数学公式渲染

使用方法

  1. 安装插件

  2. 开始使用

    • 点击左侧活动栏的 Markdown 图标打开 MarkFlow 面板
    • 在终端中运行命令
    • 选中并复制输出内容(Cmd+C / Ctrl+C)
    • MarkFlow 自动捕获并渲染预览
  3. 完成!

支持的 Markdown 特性

特性 支持状态 说明
标题 ✅ H1-H6 全支持
列表 ✅ 有序/无序列表
表格 ✅ 完整表格支持
代码块 ✅ 语法高亮
行内代码 ✅ 单行代码
引用 ✅ 块引用
链接 ✅ 超链接
图片 ✅ 图片显示
粗体/斜体 ✅ 文本样式
分隔线 ✅ 横线
Mermaid 图表 ✅ 流程图等
数学公式 ✅ LaTeX 公式

故障排除

问题:没有自动捕获内容

  • 解决:检查是否真的复制了内容(>10 字符)
  • 查看 VSCode 输出面板("MarkFlow"频道)

问题:Mermaid 图表不显示

  • 解决:确保图表语法正确
  • 确保内容以 graph、sequenceDiagram 等关键字开头

问题:数学公式不渲染

  • 解决:使用 $公式$ 或 $$公式$$ 格式

贡献

欢迎提交 Issue 和 Pull Request!

开源协议

MIT License

问题反馈

QQ群:687665488

作者

FreyjaStar


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft