GitHub Pages锚点标签跳转异常,指向非目标地址求助
GitHub Pages 锚点跳转异常问题排查与解决
问题描述
我在GitHub Pages上的anchor标签无法正常工作,点击后会跳转到8bitbug.com,而非预期的index文件,但找不到可修改的设置项。
相关代码
锚点标签代码:
<a class="Introduction" href="/index.html">Introduction</a>
其父元素代码:
<div class="Introduction">
问题仅出现在GitHub Pages上,在Vercel中anchor标签工作完全正常,且已尝试修改父元素的类名,但问题仍未解决。
解决方案
- 使用相对路径替代根路径
将锚点的href属性从/index.html改为./index.html或index.html,避免根路径触发GitHub Pages的自定义域名重定向逻辑。 - 检查CNAME文件
查看仓库根目录是否存在CNAME文件,若里面记录了8bitbug.com,GitHub Pages会强制根路径跳转至该域名。可临时移除该文件测试,或确保路径在自定义域名下正确映射。 - 排查重定向规则
检查仓库是否存在_redirects文件,若有强制跳转规则,调整或移除对应条目,避免干扰锚点路径解析。 - 清除浏览器缓存
浏览器可能缓存了旧的跳转规则,使用无痕模式访问或清除缓存后重新测试。 - 检查Jekyll配置(若使用)
若站点基于Jekyll构建,查看_config.yml中的url和baseurl配置,确保参数未导致路径解析异常,比如url设置为https://8bitbug.com会让根路径指向该域名。
内容的提问来源于stack exchange,提问作者8bitbug
相关产品推荐
相关产品推荐

