如何解决GitHub作图床国内无法显示的问题

最开始我用 WordPress 是直接将图片放到 VPS 上,后来发现转移有些不方便也不好管理,再加上一直是便宜主机,容量也有限。后来我又转到 ya.ru,上传方式和速度都不理想。
最后还是用了 GitHub,管理方便又免费,速度也不错。不过最近发现 raw.githubusercontent.com 和 github.com 在国内很多地方连接都有问题,导致图片无法正常显示,不得已研究了一下。

借助 Cloudflare 做镜像网站

我开始是利用 Cloudflare 的 Worker 做了个镜像,因为我的 GitHub 图片地址都是如 raw.githubusercontent.com/harry3633/blogmianao/master/openwrt/menu.png 这样的,所以我把 raw.githubusercontent.com 做了个镜像,然后用 xxxxx.xxxxx.workers.dev 替换就可以了。
虽然很方便,Cloudflare 免费账户每天 10 万次请求,对我这样的 blog 来说也是足够用了。但是,就怕别人盗了图片链接,可能很快就没了。

借助 jsDelivr 的 CDN

jsDelivr 是国外的一家优秀的公共 CDN 服务提供商,它可以加速 Github 仓库的文件,比如图片, js 或 css 等。
官方网站:www.jsdelivr.com

实现方式也是很简单,无须注册或改代码,直接替换链接即可。
例如:
我的图片原始链接:https://raw.githubusercontent.com/harry3633/blogmianao/master/openwrt/menu.png
harry3633 是 GitHub 账号名,blogmianao 是仓库名,openwrt/menu.png 是图片在仓库的具体位置。
更新链接为:
https://cdn.jsdelivr.net/gh/harry3633/blogmianao@master/openwrt/menu.png
master 可选择仓库的不同分支,如果像我一样仓库只有 master 的分支,@master 是可以省略的,直接用图片链接:https://cdn.jsdelivr.net/gh/harry3633/blogmianao/openwrt/menu.png

如果在仓库选择了 release 进行发布,那么 @ 后面可以写版本号,如 https://cdn.jsdelivr.net/gh/harry3633/blogmianao@1.0/openwrt/menu.png,一般来说作为图库没必要搞这么复杂,大概只有一些 css,js 文件加速才会用到吧。

注意 jsDeliver 不支持加载超过 20M 的资源,所以图片还是不要搞大了,我一般都是先在 tinypng.com 压缩后再放到 GitHub,据说 Github 仓库的容量有 1G 的上限,也有说硬性限制是 100G,反正对我的 blog 来说够用了,不够再开个仓库了。

原创文章,作者:mantou,如若转载,请注明出处:https://v2ez.com/117.html

(0)
mantoumantou
上一篇 2021年4月17日
下一篇 2021年4月22日

相关推荐

  • 一键查看浏览器中保存的明文密码

    有时候为了方便,总是把密码让浏览器把密码记住,这样时间久了可能就会忘记密码。今天就分享一个利用收藏JS代码的方法让密码明文化。 使用方法 在浏览器新建一个新的标签(收藏夹), 把下…

    2021年4月3日
  • url/utctime/繁体转简体的在线工具

    有时候在标题栏复制 url ,中文会变成%E8 ,总觉得看起来很别扭,就随手写了一个转换工具。 utctime 没什么好说的,烂大街的整形日期转换。 繁体转简体是因为我看一些繁体 …

    2023年12月28日
  • wordpress怎么在导航栏里加图标

    在WordPress中在导航栏里加图标通常可以通过两种方法实现:使用插件或自定义代码。下面分别介绍这两种方法。 方法一:使用插件 1. 在WordPress后台,点击“插件”&gt…

    代码程序 2025年6月7日
  • IP属地查询源码(包含前端和后端源码) – 支持IPV4/V6

    文章前言 本源码调用纯真和zxinc离线数据库支持IPV4 IPV6数据库 注意 现在纯真已经不维护免费的IP数据库了 大家且用且珍惜吧! 页面截图 源码下载 IP属地查询源码 来…

    2022年12月10日
  • VPS修改完dns后resolv.conf总是被重置?

    介绍 出于不同的需要,我们有的时候需要对Linux的dns进行修改,那一般情况下我们都会对/etc/resolv.conf这个文件进行修改,可是过一段时间,或者机器重启后,机器还会…

    2025年5月4日
  • Gemini 给VPS剩余价值计算器换了皮肤

    花了几小时(主要是修改),给VPS剩余价值计算器 糊了个新UI: 感兴趣的可以自取,提供了 nodejs 和 纯html 2个版本:(适配了深浅色和移动设备) 项目地址:https…

    2026年1月12日
  • HEXO博客网站主题:Solitude

    一款优雅的 Hexo 主题,支持懒加载、PWA、Latex以及多种评论系统。 增加评论弹幕页 更高效的自定义侧边栏功能模块,新版本支持排序 公开主题适配资源供大家使用 增加 Pos…

    2024年5月5日
  • 为什么要用 Git

    〇 版本控制 比如,你晚上写一篇论文,写好了存起来。结果第二天早上起来,你再拿出来一看,害,写的什么啊。早上修改了一大堆,改完了存起来。结果下午一想,害,早上我改什么啊!昨晚那个写…

    代码程序 2024年9月29日
  • 验证表单的三种新姿势,估计你只用过一种

    验证用户输入的数据是我们开发中最常见的需求,Goravel 提供三种验证姿势,个个简单好用! 第一种:简单直接式 根据表单内容直接校验: func (r *PostControll…

    代码程序 2022年12月27日
  • 用cloudflare Workers 部署美团图床

    Demo 开发计划 后台管理 鉴黄 画廊 referer、IP黑名单优点无限图片储存数量,你可以上传不限数量的图片 无需购买服务器,托管于Cloudflare的网络上,当使用量不超…

    2024年5月12日

发表回复

登录后才能评论