html - 有没有办法使用 ` ` 和 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
解决方案
最好的解决方案是您不想做的事情:
<a href="/index.html"/>
. 请解释你为什么不想这样做。它只有10个额外的字符。
推荐阅读
- wpf - wpf TreeView 绑定具有多个 TreeViewItemStyle
- javascript - 未捕获的 SyntaxError:意外的保留字(等待)
- javascript - 即使在成功的 API 调用之后,Ember 也不会填充模型
- reactjs - 更改主题时性能缓慢
- sparql - SPARQL wikidata group-by:获取答案中的分组项目(具有多个城市的河流)
- java - Spring 框架 Java
- android - 将 Meteor Cordova 构建的应用程序连接到本地服务器和数据库
- mqtt - Mosquitto MQTT 代理的远程管理 API
- date - 将日期列从对象转换为日期格式
- ios - 使用 swift 进行本地化时停止翻转条形按钮项目