WebStorm不提供查看Markdown生成HTML源码的内置功能，仅支持预览；可靠获取HTML源码的方式有两种：右键导出为HTML文件，或通过命令行工具（如marked）配合External Tools配置。
WebStorm里没有“查看Markdown生成的HTML源码”这个内置功能
它只渲染预览，不暴露中间生成的 HTML 字符串。你看到的 Markdown Preview 面板是 IDE 内部用 JS（如 marked 或类似库）实时转译并挂载到 WebView 中的结果，右键 → 查看网页源代码 会失败——因为那不是真实 HTML 文件，而是内嵌渲染器的 DOM 快照。
想拿到真实 HTML 源码，得导出或拦截转换过程
有两条可靠路径，取决于你要的是“一次性快照”还是“开发中可调试的 HTML”：
- 右键 Markdown 文件 →
Export to HTML：生成一个 .html 文件，内容就是 WebStorm 当前使用的转换逻辑输出的完整 HTML（含基础样式、Mermaid 支持需插件已启用）。这是最稳、最可复现的方式 - 用命令行工具手动转：比如安装
marked，配合 WebStorm 的External Tools配置，输入marked -o $FileNameWithoutExtension$.html $FilePath$。好处是可控（可加--gfm、--breaks等参数），还能对比不同解析器行为
别试这些无效操作
以下方式在 WebStorm 中不会得到你想要的 HTML 源码：
-
Open in Browser→ 右键“查看网页源代码”：浏览器收到的是原始 .md 文件（file://协议），不是 HTML，所以只会显示一堆#和``` - 在 Markdown Preview 面板里按
Ctrl+U（或Cmd+U）：快捷键不起作用，面板不支持源码查看模式 - 打开开发者工具 → Elements 面板里复制外层
<div>：得到的是带大量内联样式和 JS 注入结构的渲染结果，不是语义清晰的原始转换 HTML
注意 Mermaid / 数学公式等扩展语法是否生效
导出的 HTML 能否包含 Mermaid 图表，取决于两个条件同时满足：
立即学习“前端免费学习笔记（深入）”；
-
Mermaid插件已安装并启用（Settings → Plugins） - Settings →
Language & Frameworks | Markdown中勾选了Enable Mermaid support
缺一不可。否则 Export to HTML 会把 ```mermaid 块原样当普通代码块输出，而不是转成 SVG。
