开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Github Pages root使用Jekyll给出404

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

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

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

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

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

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

如果问题仍然存在，可以参考GitHub官方文档中的GitHub Pages故障排除指南来进一步解决问题。

腾讯云相关产品和产品介绍链接地址：

相关搜索:github pages +Namecheap域=响应状态404 Github Pages Jekyll发布休假 Github Pages jekyll在使用自定义域名时不加载CSS Github pages显示404未找到文件 Github页面，使用jekyll转换两个markdown页面 Jekyll GitHub问题应用编程接口使用 jekyll站点中的标签页面在本地工作，但不在GitHub页面上工作，给出404错误 React Github pages说已发布，但我一直得到404 为什么在ASP.Net MVC 5中web root会给出404？使用cdn为github pages加速

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

GitHub Pages 与 Gitee Pages 上的 Jekyll

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

3611 0

基于Jekyll与Github Pages搭建博客

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

1.1K1 0

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

2K3 0

如何使用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.1K7 0

Github Pages 体验使用教程

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

8663 0

hexo github pages 使用https

关于hexo使用https 现在github已经会自动颁发ssl证书支持自定义域名失败问题我的是域名解析商dnspod的A解析记录有问题遇到问题去看github的官方帮助文档一般用https的流程流程...一般来说就可以了大招大招去github官方社区问，或者反馈到官方，会有邮件回你具体是哪里的问题。

6242 0

使用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。

8786 0

使用Hexo搭建Github Pages博客

好久没有更新博客了，给大家带来一个使用Hexo搭建Github Pages博客教程直接给你们上链接最近我懒得不行了呀 ①使用hexo+github搭建免费个人博客详细教程 https://www.cnblogs.com.../liuxianan/p/build-blog-website-by-hexo-github.html ②手把手教你用Hexo+Github 搭建属于自己的博客 http://blog.csdn.net.../gdutxiaoxu/article/details/53576018 ③ Hexo搭建Github静态博客 https://www.cnblogs.com/zhcncn/p/4097881.html...④HEXO+Github,搭建属于自己的博客 https://www.jianshu.com/p/465830080ea9 主题安装说明：http://www.blackshow.me/2015/11...教程中包括node.js和git环境，gitHub账户的配置。虽然我没有用过这个搭建过博客，但是有需要我是协助你的！

6141 0

使用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改成你想要显示的分支，这项操作会自动刷新页面。

6960 0

怎样使用GitHub Pages搭建个人博客

在GitHub Pages中写博客，通常就是使用Markdown。比如你正在阅读的这篇博客就是用 Markdown 编写的。...（原理上是 GitHub Pages 使用 Jekyll 将 Markdown 文件转换为HTML文件。Jekyll 还支持 Textile 文件，这里不做展开。）阿里云。...一、创建 GitHub Pages 仓库创建一个名为 USERNAME.github.io 的仓库，其中 USERNAME 为你的 GitHub 用户名。...GitHub Pages 官方强烈建议我们使用二级域名来做解析，而不要使用根域名（这里是shanyshanb.com），因此我这里设置将 www.shanyshanb.com 解析至 hummerstudio.github.io...在配置页面的 Theme Chooser 处可以选择自己喜欢的 Jekyll 主题，我现在使用的是 jekyll-theme-merlot。

1.2K2 0

在 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

4592 0

踩坑记录丨记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无法访问的问题它里面写的看似对我也没什么用，到这里，已经开始绝望，准备推倒重来。...解决方法：继续搜用Jekyll和GitHub搭建个人博客的文章，直至我发现了这篇文章： Jekyll + Github Pages 搭建个人免费博客里面说到将_site目录下的文件提交到GitHub

8982 0

使用 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 ，只有生成的时候可以看到明文，后面就看不到明文了，所以你使用的时候最好一次操作成功。

9382 0

使用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.1K3 0

玩转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

3940 0

如何使用Hexo发布博客到GitHub Pages

使用Hexo写博客，发布到GitHub Pages。...测试刚刚创建的项目 ```shell hexo server 使用浏览器访问本机4000端口。...as '/child/' url: http://yt8yt.github.io/ root: / permalink: :year/:month/:day/:title/ permalink_defaults...new first-post 使用markdown语言编辑博客文章删除source/_posts/hello-world.md 发布！...$ hexo clean $ hexo deploy 你应该会在GitHub Pages看到你的博客了，地址为http://****.github.io。

6334 0

搭建一个免费的，无限流量的Blog----github Pages和Jekyll入门

今天，我就来示范如何在github上搭建Blog，你可以从中掌握github的Pages功能，以及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.6K6 0

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

install 三、运行博客项目 $ hexo server 也可以简写 $ hexo s 查看运行结果 → 访问：http://localhost:4000 image.png 四、将 Hexo 博客发布到 github...ignore_pattern: regexp # whatever file that matches the regexp will be ignored when deploying 4、创建一个 github...其中，id_rsa 就是密钥文件，id_rsa.pub 是公钥文件，输入 $ cat ~/.ssh/id_rsa.pub 即可查看公钥，复制公钥，在 github 中单击头像打开设置，选择 SSH and...pages 上当出现以下代码时说明部署成功 ? ...10、进入 github 的博客项目仓库，进入项目的设置，在下方的 GitHub Pages 即可查看博客的域名

4741 0

怎么通过码云(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 文件即可。

7K2 0

使用 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.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭