你如何修复破碎的路径时,推到github?



嘿,我有一个小问题。当我将我的存储库推送到git时,它不再将我的html文档连接到样式表或相应的图像。当我从vscode在chrome中打开html文件时,它工作得很好,但是一旦我把它推到github并部署它,它只显示html。是否有一种方法可以改变我的路径,使其在页面上工作?

例如:

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

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

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

我在GitHub中有一个模板仓库,我使用它作为我的新项目的基础,它使用这种方法。这里有一个链接到Readme的相应部分:GitHub Pages

这种方法在GitHub页面上没有任何额外的比特,但是对于它在本地开发中工作,它依赖于两个部分:

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

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

最新更新