推到 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 页面上无需任何额外位即可工作,但要与本地开发一起使用,它依赖于两个部分:
- 一个本地服务器,将以
/${projectName}/
开头的 URL 重定向到本地开发所需的根相对路径 (server code)。
- 配置我的项目名称的环境变量(我设置中的
.env
文件)
如果 运行 本地 NodeJS 服务器不适用于您的项目,您的环境中可能还有其他方法可以执行相同类型的重定向。如果您只担心单个项目,那么您可以硬编码项目名称,而不是将其配置为环境变量。
嘿,我有一个简短的问题。当我将我的存储库推送到 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 页面上无需任何额外位即可工作,但要与本地开发一起使用,它依赖于两个部分:
- 一个本地服务器,将以
/${projectName}/
开头的 URL 重定向到本地开发所需的根相对路径 (server code)。 - 配置我的项目名称的环境变量(我设置中的
.env
文件)
如果 运行 本地 NodeJS 服务器不适用于您的项目,您的环境中可能还有其他方法可以执行相同类型的重定向。如果您只担心单个项目,那么您可以硬编码项目名称,而不是将其配置为环境变量。