博客页面main.css文件为空的解决办法
发现问题
今早我兴冲冲地在手机上打开博客,想着又是一个简洁优美的站点在迎接着我,然鹅…
丑陋.jpg…
一开始我以为是浏览器没有加载出css和js文件来,心里一边暗骂着某C浏览器和移动的辣鸡网速,一边不停地刷新,但是不断地重复换来的却是相同的结果。我没有放弃,在尝试过用chrome和safari加载却仍然是丑陋.jpg后,我意识到有什么不对劲了…
分析问题
既然猜到问题出在css文件上,首要操作肯定是打开路径
\blog\public\css定位到hexo放置css文件的位置,并打开main.css果然赫然显示main.css的大小为0 kb
所以可能是我某一次部署的时候手贱改动了css文件?
解决问题
此时就比较好办了,就两个方向:
进入你的博客在GitHub上的仓库,查找最近几次你merge过的commit,尝试能不能找到main.css被删除的记录,就像我这样…
,找到后就直接把里面的内容复制到你的本地main.css文件中,再hexo g -d一次就好了。第二个嘛…就是暴力更新一次hexo的版本(我就是这样,反正我也好久没更新了)。但这个思路我一开始没想到,只是在google上查找看看是否有跟我相同的案例,想着直接拿人家的解决方案,但是很多案例都是css文件不能生成或者是css文件不能加载,并没有查到与我相似的问题,于是我想到直接去hexo作者和next(我使用的主题)作者GitHub的Issues页面找找答案,很可惜,也不成功。但是在next的Issues页面有一个issue引起了我的注意:

对,就是版本更新,我就跑去更新hexo了
Hexo版本更新方法
- 查看过往版本:releases
- 更新版本:首先打开
cmd进入hexo所在目录,键入npm update,然后hexo g -d,查看部署效果。
