图像和 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

Answer 1

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