【建站指南】解决个人网站图片加载缓慢的问题

2022年3月25日更新重大警告：Gitee 官方不让做图床了，开启的有防盗链机制。千万不要再使用 Gitee 做图床了，不然图片全部会失效。特别是想搭建个人博客的小伙伴，不要用 Gitee，使用其他图床或云存储等。

项目场景

最近笔者用 hexo 框架搭建了一个静态博客，方便发布博文和日常随笔。发文章自然少不了插入图片，因此在专门 GitHub 建了一个仓库作为图床来管理图片。

问题描述

但 GitHub 在国内的访问速度很慢，这里可以考虑加上 jsdelivr 提供的免费 CDN 加速服务，笔者亲测加上后会有所提升，但大图的加载速度仍然很慢。

原因分析

GitHub 的服务器在国外，所以在 GitHub 仓库中存储的图片的访问速度才会很慢。

解决方案

找一家国内的代码托管平台作为我们的免费图床来替换 GitHub，这里自然就想到了Gitee。首先在 Gitee 里面新建一个仓库作为我们网站的图床，这个仓库里面只存图片，然后根据 Gitee 提供的图片 url 即可在线访问了。

速度对比 定性分析

这里分别给出同一张托管在不同平台的图片的链接，点击跳转即可感受到加载速度。

• GitHub：点击跳转
• jsdelivr CDN：点击跳转
• Gitee：点击跳转

定量分析

• GitHub 图片托管网站地址：raw.githubusercontent.com
• jsdelivr CDN 网站地址：cdn.jsdelivr.net
• Gitee 图片托管网站地址：gitee.com

分别使用站长工具对上述网站地址进行对比测试，其结果如下：

GitHub VS jsdelivr：在线报告 jsdelivr VS Gitee：在线报告

图1 GitHub VS jsdelivr

图2 jsdelivr VS Gitee