Hello,Hexo——关于Hexo部署CSS样式出错的解决


Hello,Hexo

瞎整乱整,终于花了一晚上搭建了自己的博客。

于是写第一篇来测试一下情况如何。明天再开始正式更新。


于是,第二天,出毛病了。

无CSS样式

hexo部署到Github 出错了,为啥呢?


在本地预览是有样式的,但是部署到github上就没有css样式了。

image-20210416162335627

尝试解决方法,在_config.yml文件中加上了root字段。然后再更新一下。


然后又报Git推送错误了?

Git报错

。。。直接无语,IE代理错误,还是我图床一看读不出图片来了才发现。再推送一遍试试


NodeJS更新

还是不行,没有样式。决定根据网上的方法,更新NodeJS版本试一下。我的是v12,稳定版是v14,最新版是v15。

开始看用命令方法,管理工具n更新,尝试了一下不行。。。报错

“bash”‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。”

然后看的有两种方法解决:

  • 安装gnvm
  • 直接下载安装包覆盖安装

图方便,用了第二种覆盖安装。。因为第一种说的可能错不少,所以说就没再尝试。

再推送一次试试。。

为啥还是没有样式啊!!快炸了


解决git推送问题

运行hexo d 后,git报错。

git Failed to connect to 127.0.0.1 port xxxx: Connection refused

解决:

1
2
3
4
# 查一下代理:
git config --global http.proxy
# 有没有呢,有就取消
git config --global --unset http.proxy

取消之后再进行推送就可以了。


最终解决问题

最终不乱搞了,决定对症下药。

先去浏览器F12打开控制台,然后查看网络请求。

因为没有样式嘛,所以说直接去看.css文件的请求路径

然后发现它请求的路径是:https://songx64.github.io/songx64.github.io/libs/awesome/css/all.css ,然后访问了一下这个地址,发现==跳转回到我的主页==了。并没有CSS文件。

于是怀疑是路径的问题,再次尝试访问:https://songx64.github.io/libs/awesome/css/all.css ,然后发现可以正常加载CSS文件,如下图:

image-20210416174950122

于是找到了症状所在。这是路径配置的不对啊,于是去查看 _config.yml 文件,找到URL所在位置:

1
2
3
4
5
6
7
8
# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://SongX64.github.io/SongX64.github.io
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
trailing_html: true # Set to false to remove trailing '.html' from permalinks

将其中 url 更改为:

1
2
3
4
5
6
7
8
# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://SongX64.github.io
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
trailing_html: true # Set to false to remove trailing '.html' from permalinks

然后!还有一个重点的地方!!!

==Github页面有延迟!!!==

==Github页面有延迟!!!==

==Github页面有延迟!!!==

说不定之前我某次都改好了。。。然后直接刷新,一看没变又乱改了。

脑袋灵光一现,是不是Github反应太慢了的问题,于是去上个厕所,回来一看,正常了。

这是我修复后的正常的,可以看到获取的路径正常了。

image-20210416174651514

然后访问,成功!

image-20210416175435228

开始愉快的博客之旅吧。接下来就是自定义主题瞎整一堆了。。。

果然,还是不能只看网上的解决方法啊,还是得自己思考对症下药。下次一定。


文章作者: SongX64
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 SongX64 !
  目录