使用hexo搭建博客,文件无法加载的问题

使用hexo搭建博客很容易,这里推荐一个视频,讲得很全面,直接照着做就行。
https://www.bilibili.com/video/av44544186?t=1688

需求描述

如下图所示,一般使用hexo搭建博客是直接以guyongpu.github.io的格式命令,但这里我想做个人主页网站(HomePage),在个人主页中通过链接跳转到博客,这样的目的是便于通过域名直接访问到主页,然后再通过主页跳转到博客。
操作示意图如下所示:
从自行
在这里插入图片描述

解决方案

由于以guyongpu.github.io形式命令的项目,如果自己有域名,如有www.guyongpu.xyz,则可以通过www.guyongpu.xyz直接访问guyongpu.github.io下的web项目,而如果以其他形式命名,如MyWeb项目,则要通过www.guyongpu.xyz/MyWeb的url形式访问。
因此,我把个人主页项目放在guyongpu.github.io中,在主页中放入博客链接,而hexo博客项目本身则用另一个仓库存放,命名为Blog。
在这里插入图片描述
在这里插入图片描述
当我访问www.zhangyaya.xyz,我的HomePage页面如下所示:
在这里插入图片描述
然后链接“我的博客链接”,会出现如下结果,跳转成功,但是只有文字没有图片。
在这里插入图片描述
使用浏览器F12调试功能,发现一大堆404错误,即未找到文件,观察发现。以script.js文件为例,请求URL是https://zhangyaya.xyz/js/script.js ,而实际上真正的位置时github的Blog项目下的js/script.js, 因此,应该是部署路径的问题。
在这里插入图片描述

部署配置文件是_config.yml
在这里插入图片描述
进行如下配置:
在这里插入图片描述
在这里插入图片描述
然后运行hexo d , 重新部署,然后访问,发现恢复正常。
在这里插入图片描述
跳转访问效果如下:
在这里插入图片描述

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值