Github Pages中图片无法显示？

Question

39

我在我的 Github 项目中添加了一个项目网站，但是一些照片在网站中没有显示。

图片代码：

<img src="img/screenshot2.PNG" class="img-responsive" alt=""> </div>

文件夹结构（img是一个文件夹）：

img
    Screenshot2.png
index.html

我尝试了使用.png和.PNG（之前的一些 Stack Overflow 回答建议使用这些后缀名），但它们都不起作用。

有什么解决方法吗？

- CJR

2

https://dev59.com/G4Pba4cB1Zd3GeqPz_ws - Ciro Santilli OurBigBook.com

确保使用**Ctrl + R**完全重新加载页面。 - undefined

23个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mostafa Ahmed · Answer 1

我曾经遇到过同样的问题，我把“img”文件夹改成了“image”，然后它就可以工作了。

- starikcetin · Answer 2

对我来说，问题是将图片放在LFS中，但没有在我的部署到页面的Github actions工作流中检出LFS文件。

在你的工作流程中，你需要在检出步骤中启用LFS。

- name: Checkout
  uses: actions/checkout@v3
  with:
    lfs: true

请注意lfs: true的配置。

- Jakob Bagterp · Answer 3

如果您正在使用LFS与GitHub Pages和Actions一起使用，那么默认情况下不支持部署图像和其他资源。一个解决方法是在部署流程中更新actions/checkout。

- name: Checkout
    uses: actions/checkout@v4
    with:
      lfs: true

修复示例这里。