Markdown SVG 渲染器：一个支持代码块直接预览 SVG 图片的在线工具

一句话看懂

Simon Willison 发布了一个在线 Markdown SVG 渲染器，可识别 Markdown 中的 SVG 代码块并直接渲染为图片，支持粘贴或加载远程文件。

详细发生了什么

Simon Willison 在其个人工具站上发布了一款名为 markdown-svg-renderer 的在线工具。该工具是一个定制化的 Markdown 渲染器，核心功能是对 Markdown 中的 fenced code SVG 块进行特殊处理：它既能渲染出 SVG 图片，又提供一个标签页让用户切换到代码视图。

用户可以直接粘贴 Markdown 内容，或者提供一个支持 CORS 的 Markdown 文件 URL 或 Gist 链接。Willison 还给出了一个示例，加载了一个包含 LLM pelican 日志的 Markdown 文件，用于展示 Opus 4.8 的相关内容。

该工具标签包括 SVG、tools、Markdown 和 CORS。

中文圈视角

这个工具对中文用户的价值在于：

轻量级文档预览：国内很多技术文档使用 Markdown 并嵌入 SVG 图表（如流程图、架构图），但本地预览需要安装插件或工具。这个在线渲染器无需注册、无需安装，直接粘贴或加载 URL 即可预览，适合快速分享和审阅。
CORS 支持：工具支持加载远程 Markdown 文件，但需要目标服务器开启 CORS。国内用户若使用 Gitee 或自建 Git 服务，需注意 CORS 配置。对于 GitHub Gist，国内访问可能不稳定，建议使用镜像或本地粘贴。
平替对比：国内类似工具有 Markdown 预览器（如 MdEditor、Typora 在线版），但专门针对 SVG 代码块渲染的较少。该工具胜在轻量和专注，但功能单一，不适合复杂编辑需求。
使用场景：适合技术博主、文档撰写者快速验证 SVG 代码效果，或团队内部分享含 SVG 的 Markdown 文件时作为预览工具。

几条值得记住的细节

工具地址：https://tools.simonwillison.net/markdown-svg-renderer
支持两种输入方式：直接粘贴 Markdown 或提供 CORS 兼容的 URL/Gist
对 fenced code SVG 块特殊处理：同时显示渲染图和代码视图
示例加载了 LLM pelican 日志的 Markdown 文件，用于 Opus 4.8 相关展示
标签：SVG、tools、Markdown、CORS

一句话总结

一个轻量在线工具，让你在浏览器中直接预览 Markdown 里的 SVG 图片，适合快速验证和分享。