Sublime Text 4中Markdown图片预览失效怎么办？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1030个文字，预计阅读时间需要5分钟。
不是插件坏了，而是Sublime Text没有把图片路径当作可加载资源处理。MarkdownPreview生成的HTML默认走file://协议直接打开，而现代浏览器（Chrome、Edge、Safari）会截断本地文件中的相对路径请求，报错CORS或Not allowed to load local resource。
常见现象包括： 渲染后是断链图标、控制台报 net::ERR_FILE_NOT_FOUND、预览页右键图片地址显示 file:///.../images/logo.png 但打不开。
- 必须用 HTTP 服务代理加载，不能双击 HTML 文件或直接用 file:// 打开
- 路径必须是相对于 .md 文件的**纯相对路径**，禁止以
/开头或含file:// - 避免中文路径、空格路径（如
C:\我的文档\readme.md），Windows 下极易失败 - 不要依赖“保存即刷新”——
enable_autoreload只对已打开的预览页生效，首次仍需手动触发
怎么配出能加载图片的预览流程
核心是让 MarkdownPreview 启动一个本地 HTTP 服务，把临时 HTML 和图片都通过 http://127.0.0.1:8080/... 提供，绕过浏览器的安全限制。
本文共计1030个文字，预计阅读时间需要5分钟。
不是插件坏了，而是Sublime Text没有把图片路径当作可加载资源处理。MarkdownPreview生成的HTML默认走file://协议直接打开，而现代浏览器（Chrome、Edge、Safari）会截断本地文件中的相对路径请求，报错CORS或Not allowed to load local resource。
常见现象包括： 渲染后是断链图标、控制台报 net::ERR_FILE_NOT_FOUND、预览页右键图片地址显示 file:///.../images/logo.png 但打不开。
- 必须用 HTTP 服务代理加载，不能双击 HTML 文件或直接用 file:// 打开
- 路径必须是相对于 .md 文件的**纯相对路径**，禁止以
/开头或含file:// - 避免中文路径、空格路径（如
C:\我的文档\readme.md），Windows 下极易失败 - 不要依赖“保存即刷新”——
enable_autoreload只对已打开的预览页生效，首次仍需手动触发
怎么配出能加载图片的预览流程
核心是让 MarkdownPreview 启动一个本地 HTTP 服务，把临时 HTML 和图片都通过 http://127.0.0.1:8080/... 提供，绕过浏览器的安全限制。