【E家原创】免费图床解决方案

本文最后更新于 12 天前，若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益，请联系我们删除。

前言

自从建站以来，最开始文章的附图都是以附件形式上传到博客文件夹下，好处是方便备份和迁移。后来发现这样每次加载都会增加服务器的负荷，影响页面的打开速度。因此希望图文分离，图床的需求由此产生。

图床的基础要求就两点：速度+稳定，本着白嫖的想法，开始尝试过网上一些免费图床，但是体验不是很好，不是隔三岔五打不开了，就是有各种限制。所以最后尽量选择一些大厂提供的免费空间作为图床。

接下来我为大家分享我使用的几种免费图床解决方案：

Github + CDN
Backblaze + Cloudflare
Cloudflare R2

Github + CDN

Github 的图床稳定性是不容置疑的，所以图床一旦出问题，就快速切换到这个方案应急。需要注意的是 Github 图片仓库如果过大的时候，记得换仓库，否则有封号的风险。

配置方案网上有很多教程，这里我想分享一直使用的方案：通过 PicX 压缩成 webp 格式并上传至 Github 上，同时复制 Markdown 格式的带 CDN 的图片链接，添加博客文章中。

图片制作见另外一个帖子：
fabritor：快速构建属于自己的图片设计编辑器

PicX 是一款安全且免费的图床工具，提供图片上传托管、生成图片链接和图片工具箱服务。
PicX 建议使用自定义的仓库和分支，即 PicX v2.0：https://v2.picx.xpoet.cn/
这样你可以自由的选择上传的文件夹。
使用手册见：https://picx-docs.xpoet.cn/usage-guide/get-start.html

在我的设置 -> 图片链接规则配置，选择适合的 CDN，从而实现 CDN 加速。推荐使用 jsDelivr，相对稳定。

类型	图片链接规则
GitHub Pages	`https://{{owner}}.github.io/{{repo}}/{{path}}`
GitHub	`https://github.com/{{owner}}/{{repo}}/raw/{{branch}}/{{path}}`
jsDelivr	`https://cdn.jsdelivr.net/gh/{{owner}}/{{repo}}@{{branch}}/{{path}}`
Statically	`https://cdn.statically.io/gh/{{owner}}/{{repo}}@{{branch}}/{{path}}`
ChinaJsDelivr	`https://jsd.cdn.zzko.cn/gh/{{owner}}/{{repo}}@{{branch}}/{{path}}`

上传时建议勾选压缩图片和转换 Markdown，这样上传后直接就得到压缩后的 Markdown 图片地址，复制到博客文章中即可。压缩图片格式推荐是 webp 格式。

Backblaze + Cloudflare

Backblaze 的优势是每月前 10G 流量免费，用于做图床是非常够用的。同时使用 Cloudflare 自定义域名做 CDN 加速。

准备条件：

Backblaze 免费账户，申请地址：https://www.backblaze.com/sign-up/cloud-storage?referrer=getstarted
Cloudflare 免费账户，这个基本上大家都知道怎么注册了。

创建存储桶

登录后，点击左侧的 “桶”，点击“创作一个桶”

桶独特名字：Bucket 名称必须是全局唯一的，并且必须至少有6个字符。一旦创建，后期无法修改。
桶里面的档案是：设置为“公众”。

桶创建后，点击“桶设定”，在“桶信息”中添加 {"cache-control":"max-age=43200"} 来配置桶的缓存时间。这样可以适当的控制下流量。

接下来就可以点击“上载/下载”按钮进行图片上传了。图片链接地址格式如下：
https://f004.backblazeb2.com/file/自定义桶名称/图片.webp

在 CloudFlare 中配置域名

如上面提到的图片链接格式，链接很长又不友好。如果想替代成自定义域名的方式，就需要在 CloudFlare 中进行设置了。

在 CloudFlare 域名 DNS 里面创建一条 CNAME 记录，并把上面图片链接地址中域名部分填到目标里面，并且启用 CloudFlare 的代理，这样我们才能享受到带宽联盟的优惠。

注意：这里只能是二级域名，如 img.5iehome.cc，而不能是多级的 blog.img.5iehome.cc，否则 CloudFlare 会无法申请证书，也就无法正常启用 HTTPS。

这时候我们就可以用 https://img.5iehome.cc/file/自定义桶名称/图片.webp 访问这个图片了。但是我们仍然想只看到 https://img.5iehome.cc/图片.webp 形式，那么还需要进行进一步的配置。

为请求配置 CloudFlare 规则

前往 CloudFlare 的“规则页面”，选择“转换规则”，然后在“重写 URL”这个 tab 中新增一个规则。

规则名称：随意填写
选择“自定义筛选表达式”：依次设置“主机名"，“等于”，“img.5iehome.cc”
点击“And”按钮，增加一条规则，依次设置“URL 路径”，“开头不是”，“/file/wp-img”
或者直接“编辑表达式”，输入：
(http.host eq "img.5iehome.cc" and not starts_with(http.request.uri.path, "/file/wp-img"))
接下来设置重写参数，选择“重写到…”，表达式类型选择“Dynamic”，表达式填写:
concat("/file/wp-img", http.request.uri.path)