访问放在github上的页面404,无法访问

问题:在github上面放的html项目或者页面访问时出现404,如图
在这里插入图片描述
出现这种情况,我们首先检查地址有没有错误,如果地址没错,就去看一下设置中pages是否设置正确,如下,选择主分支,点击save
在这里插入图片描述
在这里插入图片描述
点击save后会生成一个地址,我们可以通过地址访问页面(过程可能10分钟以上,静等,也可能很快,看运气)
在这里插入图片描述
我自己遇到的问题就是这样解决了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 你可以通过以下方式在 GitHub 上直接显示 HTML 页面的效果: 1. 将 HTML 文件放在 GitHub 仓库的根目录下,然后在浏览器中输入:https://[你的用户名].github.io/[仓库名]/[HTML 文件名] 即可。 2. 在 GitHub 仓库的 Settings 页面中,找到 GitHub Pages 选项,将 Source 设置为 master branch,保存后,HTML 页面就可以在 https://[你的用户名].github.io/[仓库名]/ 中直接访问了。 注意:需要将 HTML 文件的文件名改为 index.html 才能在 https://[你的用户名].github.io/[仓库名]/ 中直接访问。 ### 回答2: 要直接从GitHub中显示HTML页面效果,可以按照以下步骤操作: 1. 在GitHub上创建一个新的仓库,或者选择已有的仓库来存放HTML页面。 2. 将编写好的HTML文件和相关的附属文件(如CSS和JavaScript文件)上传到仓库中。可以通过拖拽文件到仓库页面或者使用git命令行的方式进行上传。 3. 在仓库的主页面中,找到HTML文件,点击进入文件的预览界面。 4. 在预览界面的URL地址前,添加`https://htmlpreview.github.io/?`。例如,如果URL是`https://github.com/username/reponame/index.html`,则应修改为`https://htmlpreview.github.io/?https://github.com/username/reponame/index.html`。 5. 在浏览器中打开修改后的链接,即可直接显示HTML页面的效果。 这种方法利用了`htmlpreview.github.io`这个专门用于预览HTML页面的工具。通过将预览URL中的GitHub仓库地址传递给该工具,可以在浏览器中直接显示HTML页面的效果,而无需下载或克隆仓库。 需要注意的是,该方法只适用于公开仓库,私有仓库无法通过该工具直接预览。另外,该工具在某些情况下可能会有限制或延迟,因此并不总是能够即时显示最新的HTML页面效果。如果需要更强大和稳定的预览功能,可以考虑使用其他部署页面的服务,如GitHub Pages等。 ### 回答3: 要直接从GitHub中显示HTML页面效果,可以按照以下步骤进行操作: 1. 在GitHub上创建一个新的仓库,并将HTML文件上传到该仓库中。 2. 确保你的HTML文件命名为`index.html`,因为GitHub默认会显示该文件作为主页。 3. 打开浏览器,访问该仓库的网址。例如,如果你的用户名是`username`,仓库名是`repository`,则网址为`https://username.github.io/repository`。 4. GitHub会自动识别`index.html`文件,并将其显示为HTML页面效果。 5. 如果页面没有正常显示,可以检查一下以下几点: - 确保HTML代码没有错误。可以在本地测试HTML文件是否能正常显示。 - 确保你上传的文件在正确的路径下。如果文件在文件夹中,需要修改URL路径来正确引用资源文件。 - 可以清除浏览器缓存,或者尝试在私密浏览模式下打开页面。 通过以上步骤,你可以直接从GitHub中显示HTML页面效果。请留意,GitHub Pages可能会有一些限制,如图片加载速度较慢等。如果你需要更高级的功能,可能需要将项目部署到其他平台。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端每日三省

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值