效果展示

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

问题排查

F12看一看,发现就是样式加载错了,看下路径就知道加载的路径错了

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

解决方案

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

hexo配置文件 _config.xml

码云搭建hexo博客样式加载错误问题_配置文件_02


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


码云搭建hexo博客样式加载错误问题_配置文件_04

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

码云搭建hexo博客样式加载错误问题_配置文件_05


我找到了生成脚本 head.ejs

这里的链接是获取主题的jsDeliver,哎呀头疼。

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


回到主题配置文件 _config.xml ,拉到最下面,总算给我找到了,加入目录。

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


重新生成 hexo g

码云搭建hexo博客样式加载错误问题_配置文件_08


效果出来了!!!

推上码云看看 hexo d

更新下服务

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


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


恩,文章也能成功加载,但导航栏的首页,跳转还是有问题

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


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


恩,我们直接打开index.html 看一看

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


恩,路径不行,需要加上 blog目录

我们给主题的配置文件的开头的那几个配置加上 blog

码云搭建hexo博客样式加载错误问题_配置文件_14


重新生成

码云搭建hexo博客样式加载错误问题_配置文件_15


恩,感觉有戏,hexo d 推上去 ,更新下pages

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


终于成了!

补充

加载视频和search.xml失败了。这里还需要微调一下,不得不说,设计不是很合理

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


视频解决方案,加一层 blog

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


search.xml,index.html的这个部分

码云搭建hexo博客样式加载错误问题_配置文件_19


手动删了,然后推上去

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


同理 更新服务。现在看一下效果吧

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


还剩2个瓜皮问题,不解决也没啥事了。