Github - 发布时不会加载多个 html 页面,仅加载 index.html

问题描述 投票:0回答:1

刚刚完成了我从头开始制作的第一个网站(仍在学习过程中,所以仍然是一个菜鸟),现在我必须上传我的项目才能进行评分。我正在使用 Github 为此,我按照我在网上找到的所有步骤上传所有内容......我有四个 html 页面 - 一个“索引”页面、“关于”、“书籍和旅行”和“更多”,这是唯一的问题是只有索引页面打开......其余部分显示为菜单链接,但是当单击它们时,什么也没有发生。我做错了什么? (这些页面都使用标签相互链接 - 当未发布时,菜单链接工作得很好,我可以从一个页面导航到另一个页面,但是当在 Github 上上传时,没有任何反应......甚至没有 404 错误,它只是不加载新页面) 请帮忙! 谢谢!

我尝试将其重命名为与菜单标题相同,但没有成功。 另外,我想弄清楚这个问题是否与我在 Github 上上传文件的方式有关(?)

github upload
1个回答
0
投票

当您使用“关于”等链接时,您正在创建绝对文件路径。这在您的计算机本地工作,因为它引用本地系统上的文件路径 (file:///C:/Users/Luiza/Desktop/incercare%20trei%20responsive%20menu/About.html),但它不起作用将项目上传到 GitHub Pages 后,因为 GitHub Pages 在线为您的网站提供服务,其中路径是您的 URL。

要解决此问题,您需要使用相对路径而不是绝对路径。相对路径是相对于文件当前位置的路径。假设您的 about.html 文件与您的 index.html 位于同一目录中,您应该使用如下链接:

<a href="about.html">About</a>

这样,无论您的项目是在本地运行还是在 GitHub Pages 上运行,该链接都将有效。在您使用的每个链接中更改此设置。 然后你可以将更改上传到github

© www.soinside.com 2019 - 2024. All rights reserved.