Excalidraw 嵌入 PNG 预览图失败

遇到的问题

1、输入

![[测试.excalidraw]]

excalidraw文件可以嵌入到md中显示:

2、但是,嵌入 Excalidraw 源文件有个问题,在每次打开 .md 文件的时候实时解析,如果文件很复杂或者文件数量很多的时候会卡。我发现这个选项,可以嵌入一张 PNG 来作为预览图,应该可以很大程度上避免卡顿的问题,于是打开相关选项。

3、在左栏可以看到,预览图已经生成,但是md文件无法显示它

预期的效果

我预期的效果是写 Excalidraw 链接,自动调用 PNG 文件显示。因为选择以 SVG 为预览图格式不需要额外写图片链接,所以我预期 PNG 也是这样。

已尝试的解决方案

尝试了执行“嵌入excalidraw到文档”命令,

![[测试.excalidraw.png]]
%% [[测试.excalidraw.md|🖋 Edit in Excalidraw]], and the [[测试.excalidraw.dark.png|dark exported image]] %%

它会插入一个额外的 PNG 链接来显示图片。
如果嵌入的 Excalidraw 文件链接不能自动以 PNG 显示,那么直接拖拽 Excalidraw 文件到 Canvas 中会显示为空白。

试了一下,报错有点多……感觉是 Excalidraw 自己的 bug 。

它只找到了第一次生成的 测试.excalidraw.png ,而没能找到修改过后的 测试.excalidraw.png 的正确来源,所以就没能响应修改动作,依然展示第一次生成的 测试.excalidraw.png


您可以试试打开以下两个选项:

  1. “设置 → Excalidraw → 嵌入到文档中的绘图 (Embed) & 导出 → Embed 预览图匹配 Obsidian 主题”
  2. “设置 → Excalidraw → 导出设置 → 同时导出黑暗和明亮风格的图像”

然后测试一下修改 测试.excalidraw 后 Excalidraw 能否正确响应并展示修改过后的图片。

感谢专注我的问题!
按照你说的打开了两个选项,依然显示为空白。
我也怀疑是excalidraw的问题

您好,使用上述方法后它看起来好像可以正常工作:


您可以在打开上述两个选项后试试下述操作:

  1. 删除残留的 测试.excalidraw.png 文件
  2. 关闭笔记标签页,然后重新打开笔记标签页进行刷新

还真是,删除残留png,打开生成 light.png 和 dark.png 就可以显示了。
非常感谢!:pray:

这样设置之后图像可以显示出来,但测试嵌入一个较大的 Excalidraw 文件,加载的时候会出现卡顿,不像是 PNG 图片,我怀疑它加载的是原excalidraw文件:thinking:

我调用了 console 控制台进行了检查,您的怀疑是对的。

还是非常感谢:handshake:我把问题反馈给 Excalidraw

您好,我也遇见了这个问题。但是我是不能直接复制成png 。他会报错,然后但是他又有png在左边栏目,到底为什么会报错呢。