Excalidraw 嵌入 PNG 预览图失败

疑问解答
1

遇到的问题

1、输入

![[测试.excalidraw]]

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

001
0013321×1869 144 KB

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

002
0022194×1591 358 KB

003
0032194×1591 265 KB

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

004
0043321×1869 151 KB

预期的效果

我预期的效果是写 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 中会显示为空白。

2

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

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

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

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

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

3

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

4

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

image
image1627×1005 170 KB

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

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

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

6

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

7

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

8

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