青提学术中的Markdown笔记中如何使用Mermaid

VictoriaYH

各位老鸟，我想要在青提学术的Markdown笔记中使用Mermaid代码画流程图，请问具体如何实现编译？
在编辑器左侧输入“flowchart TD”以后右侧原样输出了，没有变成流程图

xxxx

您好，目前青提学术的 Markdown 笔记暂不支持 Mermaid 代码块直接渲染，所以 Mermaid 代码暂时不会自动显示成流程图。

当前可行的方式是：先在 Mermaid Live Editor 或其他 Mermaid 工具中绘制流程图，导出为 PNG / SVG 图片后，再插入到 Markdown 笔记中。

关于图片大小，目前 Markdown 笔记暂不支持直接拖拽调整图片尺寸，也暂不支持在笔记内设置图片宽高。建议在导出流程图时先调整缩放比例，或使用系统图片工具处理好尺寸后再插入。

后续我们会评估支持在 Markdown 笔记中直接识别并渲染 Mermaid 代码块。

感谢您的反馈，这类流程图和结构化笔记场景我们会持续优化。

stanley

真是一个好问题，稍后同事们会看看怎么解决

VictoriaYH

我用mermaid在线编译器做好了一个流程图，
接着在青提学术的markdown笔记中以添加图片的方式成功插入了这张流程图，
但是流程图的大小怎么修改？
C:\Users\victo\Downloads\ScreenShot_2026-06-30_092528_623.png

feieuniu

目前青提学术的 Markdown 笔记暂不支持 Mermaid 代码块直接渲染，所以 `flowchart TD` 不会自动显示成流程图。

如果用 Mermaid 在线编辑器生成了图片，可以导出 PNG/SVG 后按标准 Markdown 图片语法插入，不能只粘贴本地路径。Windows 本地图片路径建议写成：


注意把反斜杠 `\` 改成正斜杠 `/`，并加上 `file:///`。如果图片路径里有空格，最好改名去掉空格或做 URL 编码。

feieuniu

VictoriaYH 发表于 2026-6-30 09:26
我用mermaid在线编译器做好了一个流程图，
接着在青提学术的markdown笔记中以添加图片的方式成功插入了这张 ...

目前青提学术的 Markdown 笔记里，图片是按标准 Markdown 语法插入的：


标准 Markdown 本身没有统一的图片宽高设置语法，所以暂时不能在笔记里直接拖拽或输入参数修改图片大小。

如果流程图太大或太小，建议先在 Mermaid 在线编辑器导出时调整缩放，或者用系统图片工具/截图工具把图片尺寸改好后，再重新插入到 Markdown 笔记中。