hexo+Github搭建博客,能访问但无法加载css文件

转载至:https://blog.csdn.net/StarryaSky/article/details/83378011
问题:
搭建好hexo后,在本地能够正常访问。

但使用git上传到Github后,发现能够访问页面但是不能加载CSS样式文件和Jquery文件。

最后的解决办法是:

  1. 修改hexo中 _config.yml 文件:
    将root:/ 修改为 root:/ xxx.guithub.io 。即 在后面加上Github 主页的仓库名
    在这里插入图片描述
  2. 然后再重新上传
    hexo clean

hexo g

hexo d

详细:
遇到这种能够访问页面但无法加载内容的问题时,首先想到的就是F12,查看问题所在

  1. F12 ,并刷新页面
    在这里插入图片描述
    除了前两个请求成功后,以下的请求全报错404。 找到问题就好办了

  2. 请求失败地址与请求成功地址做对比
    请求失败404 地址如下图:
    在这里插入图片描述
    第一个请求成功地址如下图:
    在这里插入图片描述
    对比发现
    请求成功地址中的 space.github.io是 github主页仓库名称。

而请求失败的地址是:https://starryskyyj.github.io/css/style.css ;该地址并没有访问 仓库名。

测试 将仓库名加入到 请求地址中
在这里插入图片描述
添加仓库名后 CSS文件能够正常访问。那么问题就出在hexo配置上了。

  1. 修改hexo 中 _config.yml文件
    原文件的 root:/ 指向的是根目录,在后面添加上 仓库名

即修改为 root:/space.github.io
在这里插入图片描述
保存,重新使用git上传到github。

最后访问成功。
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值