github - 图像和 CSS URL 路径无法解析为浏览器中的正确位置

Question

当我在https://zeddrix.github.io/bible-query/上记录我的项目的网络活动，并查看我的style.css的路径时，路径应该是这样的：https://zeddrix.github .io/bible-query/styles/style.css来访问我的 CSS。

但是，我没有这样做，而是继续拥有https://zeddrix.github.io/styles/style.css而没有/bible-query/这就是找不到它的原因。

我的图像也发生了同样的情况。例如，我没有使用https://zeddrix.github.io/bible-query/img/play-btn.jpg，而是继续使用https://zeddrix.github.io/img/play-btn.jpg再次在 URL 上的/bible-query/ 。

我期待有这个（在 Live Server 上）：

但相反，我继续拥有这个（在 GitHub 页面上）：

请帮我。这是我的存储库：https ://github.com/zeddrix/bible-query

标签： githubgithub-pagesrelative-url

Answer 1

尝试从所有 URL 引用中删除第一个正斜杠。所以，<link rel="stylesheet" href="/styles/style.css" />会变成<link rel="stylesheet" href="styles/style.css" />. 这会将其变成“相对”链接，而不是绝对链接。