jekyll - 为什么 Jekyll Assets 不能正确显示？

Question

我正在使用 Jekyll 构建一些 GitHub 页面，但我陷入了一个谜。

存储库中存在大量 Assets 文件，但它们似乎无法正确呈现。

可以在 repository for Irregular 中找到事物的一个复制品.它的gitHub page显示应为 .gif Assets 的空白空间。

The GitHub Actions log indicates it has been copied

Assets 看起来就像它在那里，但只是呈现为透明。

参见:https://irregular.start-automating.com/assets/images/RegexSyntaxHighlighting.gif

可以在 repository for EZOut 中找到另一个 repo . Its page还显示了应该有图像的空白区域。

当我在本地运行页面时图像正确显示。

是什么导致了这种行为？我该怎么做才能解决这个问题？

欢迎所有想法。

谢谢

Answer 1

我已经 fork 了你的存储库，我的 GH 页面构建显示工作正常，没有任何变化，请参阅 https://cadamini.github.io/Irregular/

我已经在我的网站 ( https://cadamini.github.io ) 上测试了这两张图片。这似乎是一个编码问题。两张图片的原始内容看起来不同，一张有正常字符，另一张显示 � 字符。

您的存储库实际上包含有问题的文件的多个版本，但只有一个版本有效。

两个月前，您似乎(故意？)覆盖了其中三个。最后一个工作版本是这个 commit .

这让我开始思考还有什么可能会弄乱存储库，似乎罪魁祸首是替换了文件的 GitHub Action。我注意到 an issue跟踪这个，似乎修复它已经解决了显示问题。

至于为什么它会出现，我有一些理论:

1. 因为文件是有效的，然后重写为文本，所以一些字节格式不正确且顺序困惑。
2. GIF 作为一种较旧的格式，能够猜测分辨率但无法解码(因此看起来不可见，但没有正确的边界)。
3. PNG 作为一种较新的格式，识别出它们已损坏且无法呈现。
4. SVG，实际上只是底层的 XML，呈现良好

这只是表明编码问题可以通过不同的格式以许多不同的方式直观地表现出来。非常迷人。