首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Gh-pages部署开始呈现,但出现错误404

Gh-pages是GitHub Pages的简称,是GitHub提供的一项静态网页托管服务。它允许用户将自己的代码仓库中的静态网页文件直接部署到GitHub服务器上,并通过访问特定的URL来访问这些网页。

当出现错误404时,意味着所请求的页面未找到。这可能是由于以下几个原因导致的:

  1. 文件路径错误:请确保你在URL中指定的文件路径是正确的,包括文件名和文件夹路径。检查文件名的大小写是否匹配,以及文件是否位于正确的文件夹中。
  2. 仓库设置错误:在GitHub仓库的设置中,确保你已正确设置了Gh-pages分支作为网页托管的源。如果没有正确设置,GitHub将无法找到你的网页文件。
  3. 缓存问题:有时候浏览器会缓存旧的页面,导致新部署的页面无法显示。你可以尝试清除浏览器缓存或使用无缓存的方式访问页面,例如在URL后面添加一个随机参数。
  4. 代码错误:检查你的代码是否存在语法错误或逻辑错误,这可能导致页面无法正确加载。可以通过查看浏览器的开发者工具控制台来查找错误信息。

对于Gh-pages部署错误404的解决方法,可以尝试以下步骤:

  1. 检查文件路径:确保你的文件路径是正确的,包括文件名和文件夹路径。
  2. 检查仓库设置:在GitHub仓库的设置中,确保你已正确设置了Gh-pages分支作为网页托管的源。
  3. 清除浏览器缓存:尝试清除浏览器缓存,或者使用无缓存的方式访问页面。
  4. 检查代码错误:仔细检查你的代码,确保没有语法错误或逻辑错误。

如果你使用腾讯云作为云计算服务提供商,腾讯云也提供了类似的静态网页托管服务,可以使用腾讯云的云托管产品来部署和托管你的静态网页。你可以参考腾讯云云托管产品的介绍和文档来了解更多信息。

腾讯云云托管产品介绍链接:https://cloud.tencent.com/product/tch

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

怎么通过码云(Gitee.com)创建自己的博客建立主页

很多开源项目托管平台都支持为托管的项目建立主页,主页的维护方式都没有码云这么酷。...D.选择需要部署的分支,这里选择 Master 启动服务。 ? E.访问生成的网站地址,即可以查看你部署的静态页面啦! ? ? 3....已经有Pages项目如何部署到码云的Pages 以jQuery-File-Upload项目为例,项目地址:https://github.com/blueimp/jQuery-File-Upload 它在...这里我们默认的Pages服务分支是osc-pages,但是你也已选择自己静态页面所在的分支,这里jQuery-File-Upload项目的静态页面分支是gh-pages,选择gh-pages并点击启动服务...Jekyll 使用文档:http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404? 答:在项目根目录新建 404.html 文件即可。

7K20

Vuepress码云部署及自动跳转404 的问题

部署 以下指南假设你将文档放置在项目的 docs 目录中,并使用默认的编译输出位置。 GitHub 页面 将 .vuepress/config.js 中的 base 设置为你的仓库名称。...例如,如果你的仓库是 https://github.com/foo/bar ,则已部署的页面将在 https://foo.github.io/bar 上可用。...add -A git commit -m 'deploy' 推到你仓库的的 gh-page 分支 将 / 替换为你的信息 git push -f git@github.com:/.git master:gh-pages...中的所有文件上传到码云 开启码云的Gitee Pages服务 注:我上线后出现了首页自动跳转404的问题,是因为码云 Gitee Pages 服务的网站地址均为小写,将config.js中的 base...部分全部改成小写就能解决vuepress跳转404的问题

33810

用vuepress2搭建自己的github网站

二、将代码推到github上 最终我们是要部署到github上,所以直接在github上新建一个自己的项目仓库就好了 三、用 GitHub Actions 部署到 GitHub Pages 具体的各个站点和...CI工具的部署,vuepress文档上也有写,我们这里选择用 GitHub Actions 部署到 GitHub Pages,根据步骤直接操作就行了,需要注意的几个地方: 1、官方提供的GitHub Actions...yarn docs:build,实际使用中我们往往会直接改成 yarn dev和yarn build,如果改了GitHub Actions里的打包命令也要同步改下; 3、仓库里的Pages设置分支要选到gh-pages...分支,后面的一项直接选根目录/(root),切记最后要点一下后面的save保存,否则不生效哟; 4、如果输入直接的网站地址打开发现是404,就是没部署成功 去代码仓库的Actions里去看下流水线有没有成功...,失败了会是一个红色的小叉叉,点进去可以看到具体的错误位置,成功了是一个绿色的小勾 流水线成功了gh-pages分支里就会自动生成最终打包出来的文件,像下面这这样的: 5、如果部署成功了,但是发现样式和交互都不生效

32640

用vuepress2搭建自己的github网站

二、将代码推到github上最终我们是要部署到github上,所以直接在github上新建一个自己的项目仓库就好了三、用 GitHub Actions 部署到 GitHub Pages具体的各个站点和CI...工具的部署,vuepress文档上也有写,我们这里选择用 GitHub Actions 部署到 GitHub Pages,根据步骤直接操作就行了,需要注意的几个地方:1、官方提供的GitHub Actions...yarn docs:build,实际使用中我们往往会直接改成 yarn dev和yarn build,如果改了GitHub Actions里的打包命令也要同步改下;3、仓库里的Pages设置分支要选到gh-pages...分支,后面的一项直接选根目录/(root),切记最后要点一下后面的save保存,否则不生效哟;4、如果输入直接的网站地址打开发现是404,就是没部署成功去代码仓库的Actions里去看下流水线有没有成功...,失败了会是一个红色的小叉叉,点进去可以看到具体的错误位置,成功了是一个绿色的小勾流水线成功了gh-pages分支里就会自动生成最终打包出来的文件,像下面这这样的:5、如果部署成功了,但是发现样式和交互都不生效

32010

手把手教你用Hexo+Github 搭建属于自己的博客

点击Automatic page generator,Github将会自动替你创建出一个gh-pages的页面。...到此搭建hexo博客的相关环境配置已经完成,下面开始讲解Hexo的相关配置 ---- 安装Hexo 在自己认为合适的地方创建一个文件夹,这里我以E:/hexo 为例子讲解,首先在E盘目录下创建Hexo文件夹...文章编辑好之后,运行生成、部署命令: hexo g // 生成 hexo d // 部署 当然你也可以执行下面的命令,相当于上面两条命令的效果 hexo d -g #在部署前先生成 ?...踩坑提醒 1)注意需要提前安装一个扩展: npm install hexo-deployer-git --save 如果没有执行者行命令,将会提醒 deloyer not found:git 2)如果出现下面这样的错误...在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误

1.1K20

如何快速搭建好看的个人博客(完整配置与源码)

因为在这种情形下,npm 会生成错误的依赖树。...', description: '专注 Node.js 技术栈分享,从前端到Node.js再到数据库', } 如果这时运行npm run docs:dev或者yarn docs:dev, 会出现页面...404页面,vuepress默认打开的是docs下的readme.md文件, 由于你没有创建,所以找到的是vuepress默认提供的404页面, 关于这有点,我们借助vue-devtools工具来查看一下...会自动在我们的 GitHub 仓库中,创建一个名为 gh-pages 的分支,而我们要部署到 GitHub Pages 的正是这个分支 第六步: setting Github Pages这是最后一步了,...在 GitHub 项目点击 Setting 按钮,找到 GitHub Pages - Source,选择 gh-pages 分支,点击 Save 按钮后,静静地等待它部署完成即可。

1.5K10

Vuepress + GitHub Actions 实现博客自动部署

上述步骤看似简单,一旦文档过多时,生成静态文件就十分耗费时间。这时候我们就想了,有不有一种方法,能够帮我们自动构建静态文件然后部署到 Github Pages 上呢。...然后点击 Generate Token,会生成一个令牌,注意这里它只会出现一次,一旦刷新该网页就不见了,所以最好把它复制到你的备忘录备份一下,而且我们待会也是需要用到这个 Token 的。...# 部署gh-pages 分支,因为 main 分支存放的一般是源码,而 gh-pages 分支则用来存放生成的静态文件 FOLDER: docs/.vuepress/dist...以我部署失败的一个实例来讲,可以看到主要是在部署步骤出了问题,我们就可以根据给出的错误日志来找出问题所在,然后找方法解决它了。...我这里错误的大体意思就是说我 Vuepress 项目下的的 dist 目录不存在,而解决方法则是在 Vuepress 的配置文件中的 dist 设置为 docs/.vuepress/dist 即可。

1.3K20

如何搭建免费博客

对于经常写博客的人,都很想拥有一个属于自己的独立博客,一个独立的博客可能需要以下几个东西: 1. 域名 2. 一个前端的模板 3. 一个后台的管理 4. 一个数据库 5....随着github的出现,这样问题出现了改观,使用gitbub提供的github pages功能可以提供一个独立的站点供我们使用。结合相关的域名配置,我们就可以很方便的搭建属于自己的博客平台。...编译和运行,一切都准备好后,开始编译和生成我们的网站: jekyll build # 生成_site目录 jekyll server # 生成并启动一个server...开始你的博客之旅!...(本文完) 作者:老付 如果觉得对您有帮助,可以下方的订阅,或者选择右侧捐赠作者,如果有问题,请在捐赠后咨询,谢谢合作 如有任何知识产权、版权问题或理论错误,还请指正。

1.1K40

第211天:git和github的区别和使用详解

安装完成后,在开始菜单里找到“Git”->“Git Bash”,蹦出一个类似命令行窗口的东西,就说明Git安装成功!...[https://github.com/Flowerowl/stumansys.git,](https://github.com/Flowerowl/stumansys.git%EF%BC%8C) 出现错误...点击start a project,开始项目。 ? 紧接着会出现下面这张图,意思是需要验证邮箱。请移步到第一步填写的邮箱,进行验证。 ?...三、github托管页面 我们通常写的网页,想要让其他人看见,必须要有域名和服务器才能呈现在网上,被其他人访问。然而,github给我们提供了一个服务器,这样我们就不用自己买服务器和 域名了。...  //创建gh-pages分支 (9)git checkout gh-pages    //切换到gh-pages分支 (10)git push -u origin gh-pages   //将文件推送到

1.3K30

【Hexo】使用Hexo+github pages+travis ci 实现自动化部署

三、前期准备 在开始搭建之前,需要准备以下几样东西: 本地安装 node.js 本地安装 git 一个 github 账号 创建一个 github 仓库 一个 travis ci 账号 已经有过安装经验的同学...先本地生成一对 RSA 密钥: ssh-keygen -t rsa -b 4096 -C "你的邮箱" 然后用食指敲击你的回车键三次,记住,要用食指,别问为什么。...同步完后刷新一下页面,刚才创建的仓库应该就会出现在这里: ?...git push -u origin master 如果你的仓库原来已经有数据了,可以添加 -f 参数来强制推送,这样会使得你原来的数据丢失,所以慎用。...前面我们已经将 travis 关联了 github 账号,并同步了项目,如果操作正确,这里应该会出现我们的仓库信息。 ? ? ?

75720

超级有趣的五个404错误页面设计

曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,这样的日子已经一去不复返了。...老实说,我们一开始对 Giphy 的表现很失望,后来才发现 Giphy 不断显示不同的 404 错误页面,而且每一个都会带给人不同的炫酷体验。...所以,尽管 Giphy 的几个 404 错误页面被赋予一点儿动态的元素,但我们还希望 Giphy 能向我们呈现更多以 404 错误页面为主题的动图狂想曲。Giphy,开始你的游戏吧! Bitly ?...尽管我们不确定 Bitly 的 404 错误页面究竟发生了什么,但至少这种设计是很可爱的。作为一种福利,当你点击鼠标时,会出现一些波浪。 Marvel App ?...Airbnb 的 404 错误页面动图一开始看上去也很正常,后来女孩手里拿着的冰淇淋蛋卷突然掉到了地上。这个动图的设计倒也没什么突破性,只是由于它是动图,所以才登上了我们的名单。 Uber ?

69320

5 分钟搭建一个简洁优雅的静态博客

开始我遇到这个问题,总觉得自己弄个博客,太麻烦了,也不一定坚持写下去,直接在平台上写得了。于是 CSDN、简书、知乎上开始写。 写着写着,我就发现他们有一些缺点。...为什么需要博客 CSDN 上的广告太多,简书虽然广告比较少,但是一旦出现公众号或一些涉及到 ID 推广的,直接就限制只有自己可见了,知乎更严格,最开始有几篇文章放了公众号的二维码,未及时修改,直接永久禁言了...一开始我找到了用 django 开发博客系统的开源项目,就在本地部署用了下,还不错,但是如果要真正用起来,还需要购买服务器,维护起来有一定的成本,于是就放弃了动态博客,转而尝试着静态博客,先试了下 hexo...而且就算用,这两个分支也永远没有合并的可能,何况这样做相当麻烦,每次提交到 gh-pages 你都需要先切换到 gh-pages 分支,然后将 master 分支下的 .git文件夹先移走,提交完在移动回来...博客生成的 public 目录,也可以再部署到 gitee pages,或自己的服务器,也可以同时部署

1.2K10

ASP.NET Core 6框架揭秘实例演示:异常处理高阶用法

图1 由注册IDeveloperPageExceptionFilter定制的错误页面 [2109]针对编译异常的处理(默认) 我们编写的ASP.NET应用会编译成程序集进行部署,为什么运行过程中还会出现...这个错误页面还直接将参与编译的源代码呈现出来。...属性和StartColumn属性分别表示导致编译错误的源代码在源文件中开始的行与列。...EndLine属性和EndColumn属性分别表示导致编译错误的源代码在源文件中结束的行与列(行数和列数分别从1与0开始计数)。...图4 定制的错误页面 [2112]清除缓存响应报头 由于相应缓存缓存在大部分情况下只适用于成功状态的响应,如果服务端在处理请求过程中出现异常,之前设置的缓存报头是不应该出现在响应报文中的。

1.1K20

博客网站升级改造

这篇博客用来记录重新搭建博客的每一个步骤,每一个旅程,每一个错误,走一步写一步,不让悲剧重现。 初次预览 依然使用 HEXO 搭建。本次搭建是在重新阅读了一遍 HEXO 官方文档开始的。...此时,来到 Github 下 blog 项目中,看到 Setting 设置中的 Pages 中 Source 已经自动切换成了分支 gh-pages 然后关于部署到页面上的乱码问题,看 HEXO 文档...也自动切换至gh-pages bingo,接下来一步就是更换主题、文章内容的迁移、博客填充了。...languages、layout、scripts、source _config.yml :与HEXO配置文件不同,且修改时会自动更新,不需要重启hexo s layout : 模版文件决定网站内容的呈现方式...而此时由于项目会把主题文件上传到Github,造成key值泄漏,于是我们需要采取一个方法,使得项目为Public,key值是公开的。

38520
领券