尽管使用不同的文件路径，但图像未加载

Question

我的网站上有一些 svg 图标，它们在本地主机服务器上加载，但它们在 github 页面上给我一个 404 错误，这些是我使用的不同文件路径：

assets/icons/github.svg, /vitality_vista/components/assets/icons/github.svg

这是有问题的网站：https://enmasantos.github.io/vitality_vista/index.html

Answer 1

默认禁用 jekyll，这会忽略以 unserscore(_) 开头的目录。如果您的资产位于此类目录中，则它们可能会在构建过程中被排除。为了防止这种情况，请将 .nojekyll 文件添加到存储库的根目录。检查参考这个

此外，GitHub Pages 区分大小写，这意味着 Icon.svg 和 icon.svg 被视为不同的文件。确保代码中的大小写与文件名完全匹配。

使用准确反映项目目录结构的相对路径。例如：如果您的 SVG 位于相对于 HTML 文件的 assets/icons 目录中，则路径应该是

资产/图标/github.svg。