码云搭建hexo博客样式加载错误问题

效果展示

博客仓库:https://gitee.com/ikaros-521/blog
博客链接:http://ikaros-521.gitee.io/blog/

问题排查

F12看一看,发现就是样式加载错了,看下路径就知道加载的路径错了
在这里插入图片描述

解决方案

主要分析手段,修改配置查看index.html哪些部分响应了修改。
我这已经修改了部分,你会发现好多样式都没加载出来,因为路径都错了,gan
和github不一样,github都是根目录,而码云这套了一层目录,我这就多了个 blog这个仓库目录。
我进行的操作是对 2个配置文件进行修改。

hexo配置文件 _config.xml

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

主题的配置文件,缺失了一层 blog 目录

在这里插入图片描述
我找到了生成脚本 head.ejs
这里的链接是获取主题的jsDeliver,哎呀头疼。
在这里插入图片描述
回到主题配置文件 _config.xml ,拉到最下面,总算给我找到了,加入目录。
在这里插入图片描述
重新生成 hexo g
在这里插入图片描述
效果出来了!!!
推上码云看看 hexo d
更新下服务
在这里插入图片描述
在这里插入图片描述
恩,文章也能成功加载,但导航栏的首页,跳转还是有问题
在这里插入图片描述
在这里插入图片描述
恩,我们直接打开index.html 看一看
在这里插入图片描述
恩,路径不行,需要加上 blog目录
我们给主题的配置文件的开头的那几个配置加上 blog
在这里插入图片描述
重新生成
在这里插入图片描述
恩,感觉有戏,hexo d 推上去 ,更新下pages
在这里插入图片描述
终于成了!

补充

加载视频和search.xml失败了。这里还需要微调一下,不得不说,设计不是很合理
在这里插入图片描述
视频解决方案,加一层 blog
在这里插入图片描述
search.xml,index.html的这个部分
在这里插入图片描述
手动删了,然后推上去
在这里插入图片描述
同理 更新服务。现在看一下效果吧

在这里插入图片描述
还剩2个瓜皮问题,不解决也没啥事了。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Love丶伊卡洛斯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值