白嫖免费图床的终极方法无限量空间用到github仓和cloudflareb

Vc工具箱2025-04-192025-04-19

免费存储图片太难了，上传速度慢，甚至可能会遇到流量限制，尤其是部分图床服务在国内经常被墙，导致图片无法正常加载。

为了解决这一问题，本文将介绍两种高效、免费的图床搭建方法：

GitHub 图床 + Cloudflare 加速：通过 CDN 优化 GitHub 图床外链速度，解决图片被墙问题。
Cloudflare R2 对象存储图床：提供更高效的大容量图片存储和全球加速服务。

无论你是个人博主、写作爱好者，还是开发者，希望这篇文章能帮助你解决图片被墙的问题。

GitHub 图床 + Cloudflare 加速部署

1. 问题背景：GitHub 图床的局限性

GitHub 图床免费且稳定，但其图片外链 raw.githubusercontent.com 经常在国内访问缓慢，甚至被墙，影响图片加载速度。
解决方案：利用 Cloudflare CDN 对 GitHub 图床的外链进行加速，将图片通过 Cloudflare 的域名访问，从而绕开网络限制。

2. 创建 GitHub 图床仓库

登录 GitHub，
创建一个新的存储仓库

输入存储库名称, 现在建立私库 (不公开)（例如 hans-img）

3. GitHub 生成 Personal access token(个人令牌)

点击右上角用户头像，选择 Settings（设置）
在页面左侧菜单栏最后，选择 Developer settings（开发人员设置）
然后点击 Personal access tokens（个人[访问令牌）, 选择 Token(classic)
点击 Generate new token 开始创建一个新的令牌，注意一定要选择 classic 方式

输入个人令牌名称 (自定义),Expiration 选择No expiratio(永久)然后repo全部打勾, 其他保持默认

保存生成的 tokens

1
2
3

注:要保存个人令牌,页面关闭后就无法查看!

上传图片到仓库，可以通过 GitHub 的 Web 界面直接拖拽上传。
获取图片外链：上传后点击图片，右键复制 raw.githubusercontent.com 的 URL，即为图片的外链地址。

4. Cloudflare 加速 GitHub 图床

登录 Cloudflare
左侧菜单栏找到Workers和Pages
创建一个新的Workers, 输入项目名称, 然后部署
打开 Workers 项目, 找到右上方 编辑代码

清空编辑器原来代码, 复制粘贴下面代码

// Website you intended to retrieve for users.
const upstream = "raw.githubusercontent.com";

// Custom pathname for the upstream website.
// (1) 填写代理的路径，格式为 /<用户>/<仓库名>/<分支>
const upstream_path = "/hansvlss/PicGo-img/master";

// github personal access token.
// (2) 填写github令牌
const github_token = "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";

// Website you intended to retrieve for users using mobile devices.
const upstream_mobile = upstream;

// Countries and regions where you wish to suspend your service.
const blocked_region = [];

// IP addresses which you wish to block from using your service.
const blocked_ip_address = ["0.0.0.0", "127.0.0.1"];

// Whether to use HTTPS protocol for upstream address.
const https = true;

// Whether to disable cache.
const disable_cache = false;

// Replace texts.
const replace_dict = {
  $upstream: "$custom_domain",
};

addEventListener("fetch", (event) => {
  event.respondWith(fetchAndApply(event.request));
});

async function fetchAndApply(request) {
  const region = request.headers.get("cf-ipcountry")?.toUpperCase();
  const ip_address = request.headers.get("cf-connecting-ip");
  const user_agent = request.headers.get("user-agent");

  let response = null;
  let url = new URL(request.url);
  let url_hostname = url.hostname;

  if (https == true) {
    url.protocol = "https:";
  } else {
    url.protocol = "http:";
  }

  if (await device_status(user_agent)) {
    var upstream_domain = upstream;
  } else {
    var upstream_domain = upstream_mobile;
  }

  url.host = upstream_domain;
  if (url.pathname == "/") {
    url.pathname = upstream_path;
  } else {
    url.pathname = upstream_path + url.pathname;
  }

  if (blocked_region.includes(region)) {
    response = new Response(
      "Access denied: WorkersProxy is not available in your region yet.",
      {
        status: 403,
      }
    );
  } else if (blocked_ip_address.includes(ip_address)) {
    response = new Response(
      "Access denied: Your IP address is blocked by WorkersProxy.",
      {
        status: 403,
      }
    );
  } else {
    let method = request.method;
    let request_headers = request.headers;
    let new_request_headers = new Headers(request_headers);

    new_request_headers.set("Host", upstream_domain);
    new_request_headers.set("Referer", url.protocol + "//" + url_hostname);
    new_request_headers.set("Authorization", "token " + github_token);

    let original_response = await fetch(url.href, {
      method: method,
      headers: new_request_headers,
      body: request.body,
    });

    connection_upgrade = new_request_headers.get("Upgrade");
    if (connection_upgrade && connection_upgrade.toLowerCase() == "websocket") {
      return original_response;
    }

    let original_response_clone = original_response.clone();
    let original_text = null;
    let response_headers = original_response.headers;
    let new_response_headers = new Headers(response_headers);
    let status = original_response.status;

    if (disable_cache) {
      new_response_headers.set("Cache-Control", "no-store");
    } else {
      new_response_headers.set("Cache-Control", "max-age=43200000");
    }

    new_response_headers.set("access-control-allow-origin", "*");
    new_response_headers.set("access-control-allow-credentials", true);
    new_response_headers.delete("content-security-policy");
    new_response_headers.delete("content-security-policy-report-only");
    new_response_headers.delete("clear-site-data");

    if (new_response_headers.get("x-pjax-url")) {
      new_response_headers.set(
        "x-pjax-url",
        response_headers
          .get("x-pjax-url")
          .replace("//" + upstream_domain, "//" + url_hostname)
      );
    }

    const content_type = new_response_headers.get("content-type");
    if (
      content_type != null &&
      content_type.includes("text/html") &&
      content_type.includes("UTF-8")
    ) {
      original_text = await replace_response_text(
        original_response_clone,
        upstream_domain,
        url_hostname
      );
    } else {
      original_text = original_response_clone.body;
    }

    response = new Response(original_text, {
      status,
      headers: new_response_headers,
    });
  }
  return response;
}

async function replace_response_text(response, upstream_domain, host_name) {
  let text = await response.text();

  var i, j;
  for (i in replace_dict) {
    j = replace_dict[i];
    if (i == "$upstream") {
      i = upstream_domain;
    } else if (i == "$custom_domain") {
      i = host_name;
    }

    if (j == "$upstream") {
      j = upstream_domain;
    } else if (j == "$custom_domain") {
      j = host_name;
    }

    let re = new RegExp(i, "g");
    text = text.replace(re, j);
  }
  return text;
}

async function device_status(user_agent_info) {
  var agents = [
    "Android",
    "iPhone",
    "SymbianOS",
    "Windows Phone",
    "iPad",
    "iPod",
  ];
  var flag = true;
  for (var v = 0; v < agents.length; v++) {
    if (user_agent_info.indexOf(agents[v]) > 0) {
      flag = false;
      break;
    }
  }
  return flag;
}

修改第6行、第10行, 替换你自己的信息, 然后点击右上角部署

1
2
3

注:const upstream_path填写GitHub仓库路径，格式为 /<用户>/<仓库名>/<分支>;const github_token填许GitHub创建的个人令牌;

添加你自己的域名到 Cloudflare

点击设置 找到域和路由 点击添加 输入二级域名

注: 输入托管到 Cloudflare 的二级域名 (域名前面添加一个名称就变成二级域名);

5. PicGo 配置

打开PicGo, 点击图床设置, 找到GitHub
图床设置GitHub
- 图床配置名:自定义,
- 仓库名:GitHub账号名/仓库名称
- 设定 Token:填写GitHub个人令牌;
- 自定义域:https://+Workers绑定的二级域名;
  1
  2
  3
  注:可以参考我的模版,替换你的信息,点击确定,然后设为默认图床;
点击上传区, 图片上传确认图床名称, 然后通过拖拽图片/选择图片/剪贴板图片上传即可

图床部署完成GitHub存储库验证

1
2
3

注:由于PicGo存储路径没有设置,默认上传到根目录,可设置目录可以更好分类管理;

6. 优缺点总结

优点	缺点
免费且易于配置	私有仓库的容量限制为 1GB
稳定性较高	适合中小型图床使用场景

1
2
3

注:每个私有仓库的容量限制为1GB,超过再建新的存储库就可以了

Cloudflare R2 图床部署

1. 什么是 Cloudflare R2？

Cloudflare R2 是一种对象存储服务，支持高效的图片存储和全球加速。与 GitHub 图床相比，它的优势是不限请求次数，适合需要大规模存储的场景。

1
2
3

注:免费额度能满足个人博客的使用需求,即使超出之后,费用也是非常便宜,相比其他图床厂商,R2搭建图床,再不用担心跑路,稳定、可靠,还有白嫖额度,完美的选择.

2. 付款账户绑定

左侧菜单栏找到R2对象存储, 需要绑定付款账户支持信用卡或 PayPal 账户

1
2
3

注:因为R2有额度限制,超出需要付费,所以需要绑定付款账户,绑定VISa信用卡,如果没有信用卡可绑Paypal账号,PayPal账户需要绑定一张银行卡即可,操作很简单,相当于无门槛;

3. 创建 R2 存储桶

进入 R2 控制台，创建一个新的存储桶（如 hans-img02）

4. 绑定自定义域名

点击设置, 公开访问自定义域名
连接域, 输入是绑定的二级域名(如img02.hansvlss.us.kg

5. 设置允许公开访问

点击设置, 找到R2.dev 子域, 点击允许访问

1
2
3

注:这一步很重要,如果不设置,上传图片后,是不能直接在公网访问,我们是为博客使用,使用要打开;

6. 创建 R2 API 令牌

进入 R2 控制台，右边找到管理R2 API令牌
右边创建API令牌,填写名称以及选择对象读与写, 其他保存默认
保存API令牌凭证(访问密钥 ID、机密访问密钥)

注: 要保存 API 令牌凭证, 页面关闭后就无法查看!

7. PicGo 配置

打开PicGo, 点击插件设置,搜索s3` 并安装
打开PicGo, 点击图床设置, 找到Amazon S3
图床设置Amazon S3
- 图床配置名:自定义,
- 应用密钥 ID:访问密钥 ID
- 应用密钥:密访问密钥;
- 自定义节点:S3 API链接(删掉链接最后 / 桶名称)
- 自定义域名:https://绑定的二级域名;
  1
  2
  3
  注:可以参考我的模版,替换你的信息,点击确定,然后设为默认图床;
上传图片到 R2 存储桶
- 通过 PicGO 上传图片到存储桶
- 在 R2 控制台中，手动上传图片到存储桶
- 获取图片外链地址，通过公共端点访问上传的图片

8. 优缺点总结

优点	缺点
支持大容量存储	配置复杂，需要绑定付款账户
性能优越，全球加速	超过免费额度可能产生费用

PicGo 安装

下载地址：PicGo 官网。
安装完成后，进入设置界面，选择 “图床配置”。

Typora 搭配 PicGo 使用

Typora 设置：
- 打开 Typora 文档菜单栏文件
- 找到偏好设置
- 点击图像, 找到上传服务设定
- 上传服务: 选择PicGO(app), PicGO 路径:Typora软件安装路径(默认 C:\Program Files\Typora\Typora.exe)
- 点击验证图片上传选项 提示验证成功即可
设置完成后，进入 Typora 编辑文档
- 选择插入到文档中的图片
- 鼠标右键:上传图片
- 完成单图片快速上传
1
2
3
注:如果整个文档所以图片快速上传方法,找到菜单栏---格式---图像---上传所有本地图片;

总结与推荐

方法	GitHub 图床 + Cloudflare 加速	Cloudflare R2 图床
适用场景	小型图床、个人写作	大型存储、全球访问
成本	完全免费	免费额度内免费，超出有费用
技术要求	简单易学	需要掌握 API 和存储配置

如果是轻量级图片存储需求，优先选择 GitHub 图床 + Cloudflare 加速。
如果需要大容量存储和高性能访问，选择 Cloudflare R2 图床。

通过搭配 PicGo，两种图床都能实现便捷的自动化上传，适合个人博客和 Markdown 写作者。