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

论坛 期权论坛 脚本     
匿名技术用户   2020-12-23 13:35   33   0

问题:

搭建好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配置上了。

3. 修改hexo 中 _config.yml文件

原文件的 root:/ 指向的是根目录,在后面添加上 仓库名

即修改为 root:/space.github.io

保存,重新使用git上传到github。

最后访问成功。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP