Github pages+hexo搭建博客css样式加载不出来

本文介绍了在使用Hexo搭建博客并部署到GitHub Pages时遇到的样式加载失败问题及解决方法。主要原因是配置文件中URL和根目录设置不正确导致资源路径错误。

搭建hexo博客时样式总是加载不出来
对于如何搭建hexo博客网上有很多关于使用hexo + github pages搭建个人博客的博客,按照博客内容也都可以搭建起来。运行后在本地服务器都可以实现访问,但是通过域名访问时却能够访问页面但是不能加载CSS样式文件和Jquery文件。

在本地server成功,显示没有问题
在这里插入图片描述

但是在Git上部署至github上之后,就无法显示主题、图片和基本样式了
在这里插入图片描述

通过控制台查看样式文件报404,是因为url地址不对。
需要修改根目录_config.yml文件中的url地址和根目录

URL

url: https://lucasbase.github.io/
root: /lucasbase.github.io
permalink: :year/:month/:day/:title.html
permalink_defaults:

开始确认是这里的问题却不清楚 url 和 root 分别该是什么?

这里的 url 是GitHub pages给我们分配的网址!

在这里插入图片描述

这里的 root 是我们搭建该博客的仓库名!

在这里插入图片描述

最后重新部署上传就可以了
hexo clean
hexo g
hexo d

本文转载至:https://blog.csdn.net/banjw_129/article/details/82261165

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值