文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

hexo部署到gitee无法正常显示怎么办

2023-10-22 11:06

关注

Hexo是一款非常流行的静态博客生成器,它支持多平台部署,包括GitHub、GitLab、和Coding等,同时也支持部署到国内的码云(gitee)平台。然而,有一些Hexo用户在将博客部署到gitee时发现,无法正常显示博客内容,这个问题该如何解决呢?

首先,我们需要明确一点,这个问题并不是由Hexo本身造成的,而是由于gitee平台对跨域请求做了限制。当你在使用Hexo将博客部署到gitee平台时,它会生成一些静态文件(例如HTML、CSS、JS等),这些文件中的图片、字体、和其他静态资源路径都是相对路径,例如“../images/test.png”。当你的博客通过gitee访问时,gitee会将这些静态文件缓存起来,并将缓存的内容提供给用户访问,但是当用户需要访问其中的图片、字体、和其他静态资源时,它会和相对路径所在的域名(例如“example.com”)进行跨域请求,这时候问题就出现了,gitee平台对跨域请求做了限制,导致了无法正常显示博客内容。

那么,该如何解决这个问题呢?以下是一些可能的解决方案:

  1. 使用CDN。使用CDN可以解决路径相对的问题。你可以将所有的静态资源上传到CDN并设置地址为绝对路径,这样就可以避免跨域请求的问题。例如,“/file/upload/202310/22/4h4kpvvlzz0.png”。但是使用CDN需要付费,如果经济条件不允许,可以考虑下面的方案。
  2. 将所有的静态资源上传到gitee中的某个仓库中。在gitee中,我们可以创建一个新仓库,然后将所有的静态资源上传到这个仓库中。我们需要将仓库中的访问地址添加到Hexo配置文件中,这样就可以避免跨域请求的问题。例如,“/file/upload/202310/22/ryfvzuxdxpe.ico”。这种方式的缺点是需要手动上传文件,麻烦,但是在博客内容不发生改变的情况下,可以使用缓存功能,减少请求次数。
  3. 使用Travis CI。这个方案需要你具备一定的编程经验。Travis CI是一个集成测试和部署的工具,可以自动构建、测试、和部署代码到持续集成服务器中,这样就可以实现自动部署博客了。具体的操作可以参考官方文档,这个方案比较复杂,但是效果非常好。

总结起来,无法正常显示Hexo博客的问题是由于gitee平台对跨域请求做了限制,可以通过使用CDN、将静态文件上传到gitee中的某个仓库中、和使用Travis CI来解决这个问题。每种方案都有其优缺点,可以根据自己的实际情况来选择适合自己的方案。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯