问题描述
嘿，我有一个简短的问题。当我将我的存储库推送到git时，它不再将我的html文档连接到我的样式表或相应的图像。当我在Chrome中打开vscode中的html文件时，它工作得很好，但当我将它推送到gihub并部署它时，它只显示html。是否需要更改路径才能在页面上运行？
例如：
<link rel="stylesheet" href="/CSS/style.css">
或
<img id="frogicon"src="/Images/frogiconpure.jpg" alt="frog icon">
推荐答案
是的，这对我来说也是一个令人沮丧的问题。我使用的解决方案依赖于在开发期间运行本地NodeJS服务器，该服务器具有重定向以/${projectName}/开头的请求的代码。然后，我为内部资源设置了所有URL，以便在GitHub页面上下文中工作。
我在GitHub中有一个模板repo，我将其用作我的新项目的基础，该项目使用这种方法。以下是指向自述文件相应部分的链接：GitHub Pages
这种方法在GitHub页面上不需要任何额外的代码就可以工作，但要与本地开发一起工作，它依赖于两个部分：
将/${projectName}/开头的URL重定向到本地开发所需的根相对路径(server code)的本地服务器。
配置项目名称的环境变量(设置中的.env文件)
如果运行本地NodeJS服务器不适合您的项目，那么在您的环境中可能有其他方法来执行相同类型的重定向。如果您只关心单个项目，那么您可以对项目名称进行硬编码，而不是将其配置为环境变量。