图片加载与 Jekyll + GitHub 页面不一致
Image loading inconsistent with Jekyll + GitHub Pages
我最近创建了一个 Jekyll/Github 页网站，希望创建一个小型博客来分享想法和业余项目。在写完我的第一个 post 之后，我意识到 post 中的一些图像（但不是全部）无法正常工作。几个小时以来，我一直在尝试找出原因，但徒劳无功。下面是我的 assets/images 文件夹。后缀为 3、4、5 的图像可以正确显示，但图像 1 和 2 不能正常显示。有没有可能Jekyll/Github只拍一定尺寸阈值的图片？
我相信我的 _config.yml 配置正确。至少能找到3-5张图
url : "https://selfawarelemon.github.io/evil-lemonade"
作为参考，这里是我引用博客中所有图片的方式 post。同样，此逻辑适用于图像 3-5 但不适用于图像 1-2。
<img src="{{ site.url }}/assets/images/101820_1.png" width="250px">
每个标签的唯一区别是我提供的宽度，以便使用宽度参数使图像大小合适。我不确定这里有什么问题。我还尝试在提交后等待一段时间，看看是否只需要时间来加载图像，但这没有用。有什么非常明显的东西是我遗漏的，或者只是 属性 个 Jekyll/Github 页我不知道？
正如您在提供的图片中看到的，文件名是大写的：
101820_1.PNG
101820_2.PNG
101820_3.PNG
// ...
但是，在您的图片标签中，文件名 未 大写：
<img src="{{ site.url }}/assets/images/101820_1.png" width="250px">
大写电影名应该可以解决问题：
<img src="{{ site.url }}/assets/images/101820_1.PNG" width="250px">
根据标准，URL 中的路径是 case-sensitive。根据操作系统 Github 页面 运行 打开，区分大小写的图像路径可能重要也可能不重要。这可能是导致图像渲染不一致的原因。
这个答案是由@shubhamjha 在评论中提出的。我为以后遇到同样问题的访客创建了这个小答案
快速解决方案是保持资产扩展 (uppercase/lowercase) 的大小写不变，例如https://whoami-shubham.github.io/assets/img/earth.jpg and https://whoami-shubham.github.io/assets/img/earth.JPG 会给出不同的结果。
在您的图片路径中，图片的扩展名是 png 小写，但实际上它是 PNG 大写。所以将其更改为大写即可解决问题。
<img src="{{ site.url }}/assets/images/101820_1.PNG" width="250px">
根据 RFC 4343，域名不区分大小写。
URL 的其余部分可能区分大小写，也可能不区分大小写。
例如
以上两个 URL 给出相同的结果似乎 Whosebug URL 不区分大小写，但是，以下 GitHub 页面 URL 区分大小写.
我最近创建了一个 Jekyll/Github 页网站，希望创建一个小型博客来分享想法和业余项目。在写完我的第一个 post 之后，我意识到 post 中的一些图像（但不是全部）无法正常工作。几个小时以来，我一直在尝试找出原因，但徒劳无功。下面是我的 assets/images 文件夹。后缀为 3、4、5 的图像可以正确显示，但图像 1 和 2 不能正常显示。有没有可能Jekyll/Github只拍一定尺寸阈值的图片？
我相信我的 _config.yml 配置正确。至少能找到3-5张图
url : "https://selfawarelemon.github.io/evil-lemonade"
作为参考，这里是我引用博客中所有图片的方式 post。同样，此逻辑适用于图像 3-5 但不适用于图像 1-2。
<img src="{{ site.url }}/assets/images/101820_1.png" width="250px">
每个标签的唯一区别是我提供的宽度，以便使用宽度参数使图像大小合适。我不确定这里有什么问题。我还尝试在提交后等待一段时间，看看是否只需要时间来加载图像，但这没有用。有什么非常明显的东西是我遗漏的，或者只是 属性 个 Jekyll/Github 页我不知道？
正如您在提供的图片中看到的，文件名是大写的：
101820_1.PNG
101820_2.PNG
101820_3.PNG
// ...
但是，在您的图片标签中，文件名 未 大写：
<img src="{{ site.url }}/assets/images/101820_1.png" width="250px">
大写电影名应该可以解决问题：
<img src="{{ site.url }}/assets/images/101820_1.PNG" width="250px">
根据标准，URL 中的路径是 case-sensitive。根据操作系统 Github 页面 运行 打开，区分大小写的图像路径可能重要也可能不重要。这可能是导致图像渲染不一致的原因。
这个答案是由@shubhamjha 在评论中提出的。我为以后遇到同样问题的访客创建了这个小答案
快速解决方案是保持资产扩展 (uppercase/lowercase) 的大小写不变，例如https://whoami-shubham.github.io/assets/img/earth.jpg and https://whoami-shubham.github.io/assets/img/earth.JPG 会给出不同的结果。
在您的图片路径中，图片的扩展名是 png 小写，但实际上它是 PNG 大写。所以将其更改为大写即可解决问题。
<img src="{{ site.url }}/assets/images/101820_1.PNG" width="250px">
根据 RFC 4343，域名不区分大小写。 URL 的其余部分可能区分大小写，也可能不区分大小写。 例如
以上两个 URL 给出相同的结果似乎 Whosebug URL 不区分大小写，但是，以下 GitHub 页面 URL 区分大小写.