有没有办法使用 ` ` 和 github 页面来实现正确的链接?,html,url,github,uri,github-pages"/>

首页 > 解决方案 > 有没有办法使用 ` ` 和 github 页面来实现正确的链接?

问题描述

如何<a href="/">重定向到https://[username].github.io/[repo]而不是https://[username].github.io/使用 github 页面?

在为我的多页 html 网站提供服务时,我404 - Not Found每次点击<a href="/">页面上的链接时都会得到一个。我没有重定向到https://mepley.github.io/github-pages-redirect-to-index/index.html 所在的位置,而是被重定向到https://mepley.github.io/,因此我收到了404 - Not Found消息。

这是一个 github pages 站点的链接,用于演示该问题(从master分支提供): https ://mepley.github.io/github-pages-redirect-to-index/

我的最终目标是简单地使用<a href="/">另一个 html 文档并重定向回 index.html。重要提示:我不想满足于任何其他策略,例如<a href="/index.html"><a href="./"><a href="../">作为相对参考。

我坚持使用 just 的原因"/"是因为我正在为第一次构建静态网站创建样板 webpack 配置,开始编码人员将一个简单的网站部署到 github 页面,我不想解释这个特质刚开始学习并且开始感到困惑的人。

我试过使用<base href="https://mepley.github.io/github-pages-redirect-to-index">标签,但这并没有解决问题。我也尝试了其他<base>标签,但无济于事(但也许我做错了什么?)。正如我在下面的评论中所解释的那样,我也知道来自当前页面(即<a href="../">)的相对引用实际上会重定向到正确的主页,但不幸的是,它仍然没有回答我的问题。

以下是演示此问题所需的仅有的两个文件:

索引.html

<!DOCTYPE html>
<html>
  <body>
    This is index.html
    <a href="./another-page.html">goto another-page.html</a>
  </body>
</html>

另一个页面.html

<!DOCTYPE html>
<html>
  <body>
    This is another-page.html
    <a href="/">go back to index.html</a>
  </body>
</html>

预期的结果是我单击其中的<a href="/">链接another-page.html,它会将我重定向回https://mepley.github.io/github-pages-redirect-to-index/并找到index.html,而不是https://mepley.github.io/当前发生的 404 错误。

对此问题的任何帮助将不胜感激!

此外,这里是该网站的回购链接:https ://github.com/mepley/github-pages-redirect-to-index

标签: htmlurlgithuburigithub-pages

解决方案


最好的解决方案是您不想做的事情: <a href="/index.html"/>. 请解释你为什么不想这样做。它只有10个额外的字符。


推荐阅读