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

Github Pages root使用Jekyll给出404

GitHub Pages是GitHub提供的一项静态网页托管服务,允许用户将自己的代码仓库直接部署为网站。它可以用于个人博客、项目文档、演示页面等。

Jekyll是一个简单的静态网站生成器,它可以将纯文本文件转换为静态网页。在GitHub Pages中,Jekyll被用于处理网站的构建和渲染。

当在GitHub Pages中使用Jekyll时,如果出现404错误,可能是由于以下原因:

  1. 未正确配置Jekyll:确保在仓库的根目录中有一个名为_config.yml的配置文件,并且其中包含正确的Jekyll配置选项。
  2. 缺少index.html文件:GitHub Pages默认会寻找名为index.html的文件作为网站的首页。如果没有该文件,会导致404错误。确保在仓库中有一个名为index.html的文件,并且位于正确的位置。
  3. 错误的文件路径:如果在Jekyll中使用了自定义的文件路径结构,确保文件的路径和链接是正确的。可以使用相对路径或绝对路径来引用其他文件。
  4. Jekyll构建错误:如果在本地使用Jekyll构建网站时没有出现问题,但在GitHub Pages上出现404错误,可能是由于构建过程中的某些错误。可以检查GitHub提供的构建日志,查看是否有任何错误或警告信息。

对于GitHub Pages root使用Jekyll给出404错误的解决方案,可以尝试以下步骤:

  1. 确保在仓库的根目录中有一个名为_config.yml的配置文件,并且其中包含正确的Jekyll配置选项。
  2. 确保在仓库中有一个名为index.html的文件,并且位于正确的位置。
  3. 检查文件路径和链接是否正确,特别是在使用自定义的文件路径结构时。
  4. 如果在本地使用Jekyll构建网站时没有问题,但在GitHub Pages上出现404错误,可以查看GitHub提供的构建日志,找出可能的错误或警告信息。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

GitHub Pages 与 Gitee Pages 上的 Jekyll

GitHub 与 Gitee 提供的 Pages 服务中,均内嵌了 Jekyll 支持(Gitee 还提供了 Hugo 与 Hexo 支持)。...本来我的Jekyllgithub pages上,但是国内访问太慢了,准备迁移到Gitee上,结果发现效果完全和Github上不同,必须要在本地环境编译再push, 算了懒得折腾了。...根据GitHub Pages 与 Gitee Pages 上的 Jekyll的分析,可以得出以下几个结论: Gitee Jekyll 的版本很旧了,一整套工具可能只是 2017 年末的「最新版」。...Gitee JekyllGitHub Jekyll 对接不良,迁移或同步的话得增补很多信息,并且不少插件用不了。...和 GitHub Pages 比起来,这无疑抬高了使用门槛;这倒不算什么,重要的是在这种情况下 Gitee Jekyll 形同虚设,不会有什么人去用了。

38310

基于JekyllGithub Pages搭建博客

首先通过知乎了解了一下基于 Github Pages 的博客搭建方式,选择了 Jekyll + Github Pages 的方式,下面简单说明下这种搭建方式。...Jekyll 也可以运行在 GitHub Pages 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...根据自己刚学到的知识,简单来说,GitHub Pages 可以被认为是用户编写的、托管在 GitHub 上的静态网页,即可以当作一个小服务器使用。...到这一步,我们就成功完成了 Github Pages 的配置,接下来我们就需要安装 Jekyll ,上网找一个 Jekyll 的博客模板,再将自己修改后的模板上传至这个库中就可以完成我们的个人博客了。...我的博客选择的是在 Github 上找的博客主题,它对目录中各个文件的内容、功能都有很详细地说明,适合我这样的小白学习使用 Jekyll

1.1K10
  • Jekyll + Github Pages 搭建个人免费博客

    2.安装RubyGems 官网地址:https://rubygems.org/pages/download 据自己的需要下载不同版本。解压压缩文件到本地。...例如:2019-10-11-5分钟搭建博客.md 3.部署代码到 Github 1.创建 Github 账号 注:这里我使用Github 托管静态博客的,你也可以选择把代码托管到 码云 或者其他平台上...提交代码到 Gitee 上,再开启 Gitee Pages 服务即可。 ? 最后就可以访问了。http://huaairen.gitee.io/ 5.访问自己的博客网站 效果如下图: ?...可能存在兼容性问题,使用下面的命令 cd mundana-jekyll-theme bundle install #安装依赖 bundle exec jekyll serve #运行项目 我的博客地址...手把手博客搭建 参考资料 1.使用 github + jekyll 搭建个人博客 https://www.cnblogs.com/wangfupeng1988/p/5702324.html 2.Github

    2.1K30

    如何使用Jekyll+GitHub Pages搭建个人博客站点

    (二)Github Pages是什么 Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在 Github 上,你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML文档。...(三)如何搭建使用 前提条件: git环境 github账户 ruby环境 ` jekyll底层是使用ruby编写对,所以安装时候需要先安装ruby环境: 在mac先要安装一些软件,这里假设你对git环境已经有了...jekyll-gist ` 上面对软件安装完毕后,你就可以在github上搜索一个基于jekyll模版对项目,当然你可以从网上搜索任何你喜欢的主题风格,找到之后使用git clone到自己本地: git...至此,一个属于我们自己独立的个人站点就完成了,使用jekyll+github pages优缺点如下,借用阮一峰老师的总结: 优点: * 免费,无限流量。

    1.1K70

    Github Pages 体验使用教程

    GithubGithub Pages 从微信小程序教程里面摘录的github pages 零基础入门 https://tencentcloudbase.github.io/handbook/webpage...Github还有很多有趣而实用的功能,等着你来探索学习~~ 在电脑上写的网页项目怎样才能让其他人用浏览器打开呢?但你又不想花钱买服务器、虚拟机、域名,那你可以使用Github Pages。...GithubGithub Pages使用教程 下载Github桌面工具 打开Github桌面工具的下载页面,然后点击下载Github桌面端工具Download GitHub Desktop,并安装...如果你之前没有了解过GithubGithub Pages,除了下载Github Desktop之外,还推荐下载Sourcetree,它和Github Desktop本质是相同的,大家可以自行百度这两个软件的使用教程...,对Git以及Github有所了解了之后,之后我们会有专门的课程要求大家会使用Git命令行。

    89230

    使用github+jekyll搭建个人博客

    后来偶然机会知道了github的gh-pages功能可以搭建个人博客,然后兴致冲冲地去折腾了一番,但是了解到并不能搭建后台,突然间又像浇了一盘冷水一样,知道现在都还存留着这个博客的残骸,看这里http:...最近才发现原来github的gh-pages也可以使用jekyll来搭建,好吧,怪自己孤陋寡闻。然后就试着了解了一下jekyll,也就是这博客的由来。...搭建博客有两种安装过程:1.使用jekyll搭建;2.从jekyll模板中找到一个自己喜欢的,fork进自己的博客,然后修改_config.yml文件,下面分别来讲讲两种方式的搭建。...一、使用jekyll服务搭建 1.1 安装ruby以及ruby相关工具(DevKit) 由于jekyll是基于ruby语言开发的,因此我们需要安装ruby以及ruby相关的工具(DevKit)。...调用命令: gem install jekyll 之后使用jekyll -v来查看jekyll版本,可以看到我的版本是3.4.0。

    90860

    使用hexo搭建静态博客+Github Pages

    github.com/jcjyxjs/name.github.io.git,仓库链接可在仓库页面页面复制到 修改博客根目录下的_config.yml 代码第100行。...repo和branch需要手动打上去 deploy: type: 'git' repo: https://github.com/jcjyxjs/name.github.io.git branch:...@github.com cd进入博客目录,输入hexo g,等待网页文件生成,然后输入hexo d进行部署,会提示输入你的github邮箱和密码,然后就自动部署了 第二种方法 安装Github Desktop...,进入官网 https://desktop.github.com/ 下载安装并打开 登录你的github账户 选择clone的仓库,会在你的本地生成一个跟仓库关联的文件夹 代码有改动之后生成新的网页,复制...仓库绑定域名 在仓库页面点击Settings 往下拉可以看到Github Pages 把None改成你想要显示的分支,这项操作会自动刷新页面。

    73100

    GitHub Pages使用 Vue Router

    前言 本文主要是由于这个倒计时项目以路径参数的形式接收自定义日期,出于美观的原因我不想用 hash router,而是使用 history router 。...此文终结 GitHub Pages 只能帮你生成一个静态网站,但它支持用 404.html 作为一个 fallback(原谅我不知道怎么用中文描述比较贴切)利用这个机制,和 sessionStorage...404.html 可以把它放到项目中的 /public 目录,或者放到你为 GitHub Pages 准备的分支里面,我个人选择 /public,方便管理。 <!...Pages 没有用自定义域名,就是说它的链接是 https://foo.github.io/bar,就要把代码里的 / 替换成 /bar。...总结 在 404.html 里保存了当前的路径,通过 sessionStorage 或者 localStorage 传给 Vue,之后在 Vue 中判断,如果存在就加载到这个路径,从而达到使用 history

    51120

    踩坑记录丨记Jekyll + Github Pages搭建个人博客时遇到的各种问题

    ▲ Bend Blog 的个人主页 准备搭建:前期准备 其实在准备搭建之前,我还花了一点时间找 Jekyll主题,最终还是选了 这个主题。它里面也有相关使用介绍。...▲ 主题首页 搭建过程参考了下面搭建的文章: Github+jekyll:建立你自己的博客网站 github + jekyll 建自己的博客 GitHub | 个人静态博客搭建 Jekyll 主要步骤总结...github-pages 225 | Error: The dev-portfolio-blog theme could not be found....找到下面文章: 使用jekyll本地调试可以访问静态资源,但是上传至GitHub无法访问的问题 它里面写的看似对我也没什么用,到这里,已经开始绝望,准备推倒重来。...解决方法: 继续搜用JekyllGitHub搭建个人博客的文章,直至我发现了这篇文章: Jekyll + Github Pages 搭建个人免费博客 里面说到将_site目录下的文件提交到GitHub

    96820

    使用 Travis CI 自动更新 GitHub Pages

    就我写的 web-bookmarks 这个项目来说的话,每次更改完都要手动部署到 GitHub Pages。 从最开始的手动构建部署:手动敲构建命令,然后手动推到 GitHub。...再到现在的使用 CI 自动更新:开发完,我只用将源码 push 到 GitHub 做版本管理,就 ok 了;Travis 监测到代码有变化,然后就会自动执行我们设定好的任务。...二、开始使用 首先打开官方网站 travis-ci.org,然后使用 Github 账号登入 Travis CI,然后 Travis 中会列出你 Github 上面所有的仓库,以及你所属于的组织。...【官方文档在这里】 使用 Personal access tokens 向 GitHub 提交代码的命令格式如下: # ${GH_TOKEN} 对应就是 Personal access tokens ,...}" master:gh-pages 这里需要注意的是: 1、GitHub 生成的这个 Token ,只有生成的时候可以看到明文,后面就看不到明文了,所以你使用的时候最好一次操作成功。

    96720

    使用hexo和github pages搭建个人博客

    使用hexo和github pages搭建个人博客 最近自己买了一个腾讯云主机,系统是CentOS7,于是准备自己搭建一个个人技术博客,采用的可选方案有PHP+MYSQL+WordPress的,可以参考搭建...WordPress 博客教程(超详细);也可以通过hexo结合Github pages搭建个人博客,具体可以参考博客园博主黄小斜的搭建自己的技术博客系列(一)使用 hexo 搭建一个精美的静态博客和搭建自己的技术博客系列...(二)把 Hexo 博客部署到 GitHub 上 根据黄小斜博主的方法,我在自己的github账户下创建了ccf19881030.github.io的仓库项目,然后使用相应的hexo命令部署运行,通过...搭建自己的技术博客系列(五)hexo博客接入busuanzi插件,展示访问量和网站运行时间 使用hexo和github pages搭建个人博客 使用hexo+github搭建免费个人博客详细教程 Hexo...+icarus主题配置 hexo+icarus主题博客详细搭建教程 B站视频教程-第六讲:Hexo使用更加漂亮的icarus主题

    1.1K30

    玩转Github使用GitHub Pages打造你的专属技术博客

    本文主要用到的技术就是GitHub的生态之一GitHub Pages。...使用markdown就变成网站。工具其一: jekylljekyll是一款极为强大的静态站点生成器,像比如传统的WordPress,他不需要任何其他服务的支撑,也是GitHub Pages官方推荐的。...然后使用gem安装jekyll(gem 是ruby的包管理工具,在下载其他包之前,最好替换成国内源)gem install jekyll找到一个空文件夹,然后在此处打开cmd/powershellRunning....│ .gitignore // git的忽略文件│ 404.html// 自定义的404页 固定│ about.markdown // about页固定│ Gemfile// 类似pom...// 某篇博客,名字固定`yyyy-MM-dd-name.md`现在可以使用bundle exec jekyll build 来构建网站,构建完毕,会看到多一个_site 文件夹PS D:\Github

    46500

    搭建一个免费的,无限流量的Blog----github PagesJekyll入门

    今天,我就来示范如何在github上搭建Blog,你可以从中掌握githubPages功能,以及Jekyll软件的基本用法。更重要的是,你会体会到一种建立网站的全新思路。 ?...一、Github Pages 是什么? 如果你对编程有所了解,就一定听说过github。它号称程序员的Facebook,有着极高的人气,许多重要的项目都托管在上面。...因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,github Pages可以被认为是用户编写的、托管在github上的静态网页。 ?...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点的分支gh-pages。因为github规定,只有该分支中的页面,才会生成网页文件。   ...$ git remote add origin https://github.com/username/jekyll_demo.git   $ git push origin gh-pages 上传成功之后

    1.7K70

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

    码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用Github Pages 那么您会很快上手使用码云的 Pages服务。...Jekyll 也可以运行在 码云 Pages 上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...Pages 进阶,使用 Jekyll 生成自己的静态网页 Jekyll 究竟是什么? Jekyll 是一个简单的博客形态的静态站点生产机器。...Jekyll 也可以运行在 码云Pages上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...Jekyll 使用文档:http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404? 答:在项目根目录新建 404.html 文件即可。

    7.2K20

    使用 Github Actions 自动部署 Angular 应用到 Github Pages

    前端项目,最主要的还是能够实际看到,因此考虑找个地方部署,因为自己的博客是部署到 github page 上的,并且这个项目也只是一个静态网站,所以这里同样选择使用 github page 同时,考虑到发布项目时...prefix dist origin gh-pages 当然,这样还是显得有些麻烦,对于 angular 应用来说,我们完全可以使用社区提供的 angular-cli-ghpages 插件来简化这个操作...以后当我们需要更新网站时,再使用上面的命令即可发布到 github page 上 ?...仓库时,就会自动完成程序的发布部署 # This is a basic workflow to deploy angular app into github pages name: Deploy Github...pages env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} run: npm run deploy 这里需要需要注意

    1.4K10
    领券