hexo部署后是空白页的玄学问题

缘由

最近在忙着 PMP 考试,许久没更新博客了,写了一片博客通过 hexo 发布到 Github 上发现页面成空白页了

image.png
发现主页只剩下
html 、head、body
image.png

但通过

1
hexo s

又发现本地又有数据
image.png

问题排查

在网上搜了下,发现有不少朋友跟我有相似问题
image.png

网上导致这种情况有:

  1. nodejs 版本问题导致 public 文件夹中的 index. html 为 0Kb

image.png
2. Hexo 与 node 的版本不兼容,要么 node 过高,要么 hexo 过低

但我 hexo 和 node 的版本一直没升级过,应该不存在版本不兼容问题,而且为 public 下没有 0kb 文件
image.png

  1. 找到个跟我一样问题的
    image.png

查看 hexo 和 node 版本

hexo 版本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
➜  public hexo -version
INFO Validating config
hexo: 6.3.0
hexo-cli: 4.3.0
os: darwin 22.5.0 13.4.1

node: 18.16.0
acorn: 8.8.2
ada: 1.0.4
ares: 1.19.0
brotli: 1.0.9
cldr: 42.0
icu: 72.1
llhttp: 6.0.10
modules: 108
napi: 8
nghttp2: 1.52.0
nghttp3: 0.7.0
ngtcp2: 0.8.1
openssl: 3.0.8+quic
simdutf: 3.2.2
tz: 2022g
undici: 5.21.0
unicode: 15.0
uv: 1.44.2
uvwasi: 0.0.15
v8: 10.2.154.26-node.26
zlib: 1.2.13

node 版本

1
2
➜  blog node -v
v18.16.0

版本也能对应上

使用其他主题

发现其他主题也是本地部署能够正常使用,部署到Github就是空白页

网站 404

因为我配置了域名,所以当我清理掉 github 的域名的 cookie 记录时候,发现页面 404
image.png

发现这情况,估计是动了 Github 项目的配置了,但又想不起是修改的哪儿,干脆重装吧。

解决办法

删除 Github 仓库,重建仓库,然后重新上传搞定。

1
2
3
hexo clean
hexo g
hexo d

hexo部署后是空白页的玄学问题
https://suiyideali.github.io/2023/08/25/hexo部署后是空白页的玄学问题/
作者
m0ch4z
发布于
2023年8月25日
更新于
2023年12月29日
许可协议