推到 github 时如何修复损坏的路径?

How do you fix broken pathing when pushing to github?

嘿,我有一个简短的问题。当我将我的存储库推送到 git 时,它不再将我的 html 文档连接到我的样式 sheet 或相应的图像。当我在 chrome 中打开来自 vscode 的 html 文件时,它工作得很好,但是当我将它推送到 github 并部署它时,它只显示 html。有什么方法可以改变我的路径以便它在页面上工作吗?

例如:

<link rel="stylesheet" href="/CSS/style.css">

<img id="frogicon"src="/Images/frogiconpure.jpg" alt="frog icon">

是的,这对我来说也是一个令人沮丧的问题。我使用的解决方案依赖于 运行 开发期间的本地 NodeJS 服务器,它具有重定向以 /${projectName}/ 开头的请求的代码。然后,我为内部资产设置了所有 URL,以便在 GitHub 页面上下文中工作。

我在 GitHub 中有一个模板存储库,我将其用作我的新项目的基础,它使用了这种方法。这是自述文件相应部分的 link:GitHub Pages

此方法在 GitHub 页面上无需任何额外位即可工作,但要与本地开发一起使用,它依赖于两个部分:

  1. 一个本地服务器,将以 /${projectName}/ 开头的 URL 重定向到本地开发所需的根相对路径 (server code)。
  2. 配置我的项目名称的环境变量(我设置中的 .env 文件)

如果 运行 本地 NodeJS 服务器不适用于您的项目,您的环境中可能还有其他方法可以执行相同类型的重定向。如果您只担心单个项目,那么您可以硬编码项目名称,而不是将其配置为环境变量。