GitHub Pages构建失败:Page build failed

简介: GitHub Pages构建失败:Page build failed

背景


从2015年开始,一直在 GitHub 上通过 GitHub Pages 发布文章,然后再同步到其他博客平台上。不过,最近发现 GitHub Pages 上发布文章后heartsuit.github.io/网页上的内容却不更新了,刚开始以为是有延迟。后来过了两天,最新发布的几篇文章还是没有渲染出来。


一开始玩博客平台,我都是在本地搭建基于 Ruby 实现的 Jekyll 环境,每次写完文章后会自动在本地构建,有错误时会实时提示。后来换了电脑,也就没在本地折腾这个博客环境了,写完文章后直接提交、推送至远程仓库了。

那么,很显然,现在的情况应该是 GitHub Pages 构建失败了,只是我们不确定哪里出了问题。


解决方法


其实,没有了本地构建环境,我们可以从 GitHub 远程查看下构建失败的原因,然后再对症下药。


在我的 GitHub Pages 仓库主页的右下角,可以看到有一个 Environments 的选项卡,并且显示了当前项目的构建状态。

image.png

点击 github-pages 跳转到历史构建列表。点击 Deployed 可以查看详细的构建与部署日志信息。

image.png

在构建日志中,我们可以看到构建失败的说明。

image.png

根据构建失败的报错信息,我们可以大概定位到对应的文章内容位置。由于 Jekyll 采用 Liquid 语法涉及 {% ,我的文章中的代码段中使用了这两个符号(连起来),导致与 Liquid 语法冲突,最终构建失败。所以改起来也比较简单,我这里直接将 { 改为了 [

image.png

将修改后的文章 pushGitHub 远程仓库后,会自动触发构建部署过程,这一次部署成功~~

image.png

通过博客内容,检查构建部署成功的效果。

image.png


目录
相关文章
|
6月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
6月前
|
数据采集 人工智能 Rust
『GitHub项目圈选周刊01』一款构建AI数字人项目开源了!自动实现音视频同步!
『GitHub项目圈选周刊01』一款构建AI数字人项目开源了!自动实现音视频同步!
1005 0
|
24天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
21 2
|
1月前
为什么 GitHub Pages 的文章标题不能以 @ 开头?
本文记录了一个 GitHub Pages 博客网页上文章标题以 `@` 开头导致的问题,并分析了原因,提供了解决方法。
41 0
|
3月前
GitHub——使用GitHub Pages生成在线文档
GitHub——使用GitHub Pages生成在线文档
24 0
|
6月前
|
开发工具 git
github clone Failed to connect to github.com port 443 after xxx ms
github clone Failed to connect to github.com port 443 after xxx ms
310 2
|
5月前
|
开发工具 git
【已解决】error: failed to push some refs to ‘git@github.com:BATdalao/Github-green.git‘
【已解决】error: failed to push some refs to ‘git@github.com:BATdalao/Github-green.git‘
|
5月前
|
开发工具 git
出现“error: failed to push some refs to ‘https://github.com/****.git‘”,如何解决问题
出现“error: failed to push some refs to ‘https://github.com/****.git‘”,如何解决问题
590 1
|
5月前
|
Web App开发 缓存 移动开发
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台 最近写了好多篇 Chrome 浏览器插件相关的文章,有十几二十篇,就想着构建个博客,用来放置相应的文章。 正好前段时间看到 VitePress 1.0.0 发布了,而且是用 markdown 写文章,正好写插件文章的时候文章都是 md 格式,所有用下这个然后顺便写一篇使用教程。 Chrome 插件开发博客地址:https://18055975947.github.io/extension/
70 0
|
6月前
|
Web App开发 缓存 开发工具
Failed to connect to github.com port 443: Operation timed out和弹出无法打开"GoogleSoftwareUpdate.bundle"
Failed to connect to github.com port 443: Operation timed out和弹出无法打开"GoogleSoftwareUpdate.bundle"
97 2