将项目上传到 GitHub 后,主页图标不起作用



第一次上传我在GitHub上为我的课程做的项目。在VSCode中工作时一切都很好,但在上传到GitHub并添加到GitHub页面后,当尝试使用home图标导航时,我得到404错误。我怎么能解决这个问题??

<body>
<a href="docs/index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="rgb(254, 232, 194)" id="house" viewBox="0 0 16 16">
<path d="M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z"/>
<path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z"/></svg>
</a>

这是我在VSCode中使用的当前代码。

我正在考虑从GitHub页面内复制链接,但不确定这是否有效。

这是第一个项目,所以肯定很困惑,希望得到一些反馈。

GitHub Pages中的URL结构是否与您在VS Code中使用的内容匹配?看起来你正在链接到一个名为"文档"的子文件夹中的索引页。

<a href="docs/index.html">

所以,看看你的GitHub页面网站结构,索引文件是否存在于你的项目目录的根级,或者它仍然在"文档"中。文件夹吗?

如果在"文档"中,例如:https://yourusername.github.io/docs/,然后尝试以下链接:

<a href="/docs/">

或者在根级别,例如:https://yourusername.github.io/,那么您可以尝试以下链接:

<a href="/">

最新更新