博客搭建过程

由于某天看到了b站上的视频,指路:05后女生的实习作品集

看完视频后也火速去参观了一下大佬写的博客网站,也被技术力吸引到了,于是上CSDN搜了一下博客搭建,发现hexo是个不错的选择,并且也借助了AI来帮助完成博客的搭建。主要用了GPT,在完善音乐页面的功能的时候用到codex。(考虑到我是一个暂时没有收入来源的学生党,搭建全过程只考虑不额外需要支出的方法)

博客雏形搭建参考:GitHub Pages + Hexo搭建个人博客网站,史上最全教程

Day1-2:先把环境配置好,然后根据教程学到了第六部分,在第七部分卡住的原因是发现leancloud已经没办法注册所以就去问了GPT,最后定下来是用Umami部署统计访问数量。

Day3-4:开始配置Umami访问统计,不得不说用这个配置是真的难评,又是npm报错,又是node.js兼容性的问题,还有数据库不能用mysql只能用postgreSQL,部署umami这一块debuff真的叠满了。不过部署完之后本地测试的统计数量是异常过大,上传github就正常了。(一开始本地测试被这块硬控了好久)
Umami部署参考:又见苍岚

Day5-7:力竭了休息几天。

Day8: 新增音乐界面,安装了aplayer插件,接入了自己的个人网易云歌单,本地测试运行结果正常后更新gitpage。

Day9-10: 用Codex检测工程路径加入监测网页当前播放的音乐,根据音乐频率实现谱图进行同步动画,接入了cloudflare用到了wrangler。本地运行测试检测bug不足修复完后上传gitpage更新。

目前博客大至是这样的,后续应该还会更新功能,写新文章(我不是文科生,没多少文采orz),关于搭建博客遇到的报错的解决方法过几天再放在这个文章,现在有点像卡瓶颈期暂时没思路,低精力的人是这样的,一下子就燃尽了。


2026.3.31——搭建博客出现的报错有以下几种情况:

1.node.js与依赖包版本不兼容(主要为react包不兼容)

安装Fluid时的报错
安装Fluid时的报错
安装umami时的报错
安装umami时的报错

解决方法:如果node.js为20以外的更高版本需安装20版本,再根据umami部署和博客雏形搭建的参考链接重新安装一遍。
我重装node.js的方法是采用了nvm。

1
2
nvm install 20;
nvm use 20;

2.Umami访问数统计本地测试时数据异常

访问统计数量异常
Umami访问统计数量异常

解决方法:如果是gitpage托管博客,直接在cmd里进行以下指令后,进入页面后统计数量正常

1
2
3
hexo clean
hexo g
hexo d

博客搭建过程
https://sheepo2.github.io/2026/03/26/博客搭建过程/
作者
sheepO2
发布于
2026年3月26日
许可协议