在推送到GitHub时，您如何修复损坏的路径？ [英] How do you fix broken pathing when pushing to github?

问题描述

嘿，我有一个简短的问题。当我将我的存储库推送到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页面上不需要任何额外的代码就可以工作，但要与本地开发一起工作，它依赖于两个部分：

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

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

这篇关于在推送到GitHub时，您如何修复损坏的路径？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！