CloudFlare R2 个人免费图床搭建教程

最新推荐文章于 2025-03-24 10:49:28 发布
最新推荐文章于 2025-03-24 10:49:28 发布
阅读量3.7k 收藏 22
点赞数 20
分类专栏： 博客建站 文章标签： php 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52475653/article/details/134723529
版权

CloudFlare R2 个人免费图床搭建教程

在互联网时代，我们经常需要将图片上传到网络上分享给朋友或者发布到博客、社交媒体等平台上。然而，直接将图片上传到公共服务器上可能会面临被恶意利用的风险。为了保护个人隐私和图片安全，我们可以搭建一个自己的图床。本文将介绍如何使用 CloudFlare R2 搭建一个安全可靠而且免费的个人图床。

一、CloudFlare R2 简介

CloudFlare R2 是 Cloudflare 公司推出的一款兼容 S3 API 的免费云存储服务，它允许用户在全球范围内的分布式网络上存储和检索数据。 这项服务的设计目标之一是提供低延迟、高吞吐量的存储体验，利用横跨 100 多国家中 275 个城市的内容交付网络来实现这一目标。

二丶CloudFlare R2 的特色功能：

  1. 全球分布式对象存储：R2的存储网络横跨100多个国家中的275个城市，确保用户可以获取到低延迟、高吞吐量的存储服务。

  2. 零流量费：与其它云存储服务相比，R2提供了零流量费的优势，• 每月有10G免费额度，对于个人站长来说足够使用

    Untitled

  3. 与Cloudflare Workers整合的动态功能：R2可以与Cloudflare Workers集成，从而提供动态功能。

  4. 轻松集成：R2的设计允许其与其他Cloudflare产品轻松集成。例如，计划允许Durable Objects将R2配置为备份目标，并提供R2和Cloudflare缓存之间的自动集成，从而延长不常改变的对象的缓存寿命。

  5. 开发人员友好：R2允许开发人员存储大量非结构化数据，且无需支付与典型云存储服务相关的昂贵出口带宽费用。

  6. 自定义域名和HTTP/HTTPS支持：类似于常规对象存储服务，R2也支持自定义域名和HTTP/HTTPS。域名无需备案，接入 Cloudflare 即可

三丶准备工作

  1. CloudFlare 账号注册：https://www.cloudflare.com/
  2. 购买域名：选择一个合适的域名，并在 CloudFlare 上进行域名解析。
  3. 绑定信用卡（只用于验证)

四丶图床搭建

4.1 创建存储桶

在侧边菜单找到 R2 服务,然后点击创建存储桶，名称随意喜欢就好，地区选亚太地区即可

Untitled

4.2 绑定域名

刚创建好的桶虽然可以上传图片、文件之类的，但是默认不可通过公网访问。

虽然可以用cloudflare提供的二级域名访问，但是有一些频率速率方面的限制，而且.dev的域名也被大防火墙拦截了，所以还是绑定自己域名更好一些。

再桶的设置里找到自定义域选项，添加自定义域名即可，

推荐使用二级域名，eg：image.yourdomain.com

Untitled

4.3 创建 R2 的 API token

提示：api 令牌只会显示 1 次。需记录到本地备用。

  • 在 R2 的控制台右侧 点击 管理 R2 API 令牌 —>创建API令牌。
  • 权限选对象读和写都可
  • 指定存储桶选择你刚创建的桶
  • TTL选永久。其他不变。

Untitled

Untitled

Untitled

五丶图床客户端配置

PicGo

Untitled

应用密钥ID访问密钥 ID
应用密钥机密访问密钥
桶命存储桶的名字
文件路径自己设置，默认也是可以的
地区创建的地区，例如apac
自定义节点S3 api

结论/总结语

感谢您阅读我的文章！如果您觉得这篇文章对您有所帮助，或者有任何想法和建议，请随时在评论区留言。您的反馈对我来说非常重要，我会认真倾听并不断改进我的内容。
同时，如果您喜欢这篇文章，请考虑分享给您的朋友和家人，让更多的人受益于这些知识和见解。此外，您还可以关注我的博客或公众号，以便第一时间获取我的最新文章和动态。
再次感谢您的支持和关注，期待与您在未来的文章中再次相遇！

Cloudflare R2对象存储搭建高速免费图床完全指南
weixin_38821611的博客
02-16 899
几年前，当我第一次把域名扔进Cloudflare的怀抱时，仿佛打开了新世界的大门——高效DNS解析、免费的SSL证书、免费安全的CDN加速…前不久，我用Cloudflare免费提供的Pages服务部署Hexo博客后，又再次感叹于Cloudflare的慷慨大方和高效优雅的网站托管服务。而今天，当Cloudflare R2对象存储提供的大容量免费额度成为了我博客的图床服务，我终于体验到Cloudflare全站式托管的终极优雅。
使用CloundFlare R2来构建图床
weixin_30230009的博客
07-06 1224
前言开发海外SaaS时，我们希望有个blog，通过写目标用户感兴趣的内容来获得SEO流量。我利用Nextjs构建好了博客系统，可以使用Markdown在上面发送文章，我希望文章中可以有图片，从而让内容更加丰富，此时就需要图床了（即专门用来放图片的服务），搞过自己博客的同学应该不陌生。选择CloundFlare R2简单说说原因：快10G免费额度cf做的很大很成熟，特别多厂商使用付费部分也很便宜提一...
Cloudflare R2 文件管理器 V1.1发布了，免费版本
最新发布
cyrist的专栏
03-24 685
**无法连接到 R2 服务**：检查您的 Access Key、Secret Key 和 Endpoint URL 是否正确。为 Cloudflare R2 存储服务设计。1. **浏览文件**：点击左侧 Bucket 列表中的存储桶，然后浏览右侧的文件列表。5. **删除文件/文件夹**：在文件列表中找到需要删除的项目，点击操作列的删除按钮。6. **获取文件链接**：在文件列表中找到需要分享的文件，点击操作列的链接按钮。3. **下载文件**：在文件列表中找到需要下载的文件，点击操作列的下载按钮。
CloudFlare R2 搭建个人图床教程
贵有恒，何必三更起五更睡；最无益，只怕一日曝十日寒。
04-15 2937
有白嫖额度免费 CDN绑定域名不需要备案永久免费超出部分/月费存储10 GB/月0.015 美元/GBA 类操作100 万次/月4.50 美元/百万次B 类操作1000 万次/月0.36 美元/百万次免费额度足矣支撑个人博客使用，即使超出之后，费用也是相当便宜详细定价。
【白嫖 Cloudflare】之免费图床搭建：PicGo + Cloudflare R2，手把手教
u010522887的专栏
08-27 4079
Cloudflare R2 免费图床搭建
搭建个人图床
weixin_43790038的博客
06-09 272
在编写markdown文档的过程中，免不了插入一些图片。但是在分享的时候，这些带有图片资源的markdown就显得十分麻烦了。同时我也有写博客的习惯，hexo等用md转前端页面的项目在处理图片时也会遇到各种不舒服的操作。因此搭建自己的图床，让markdown成为真正的纯文本文件是一个不错的选择。个人需要的所有图片都可以放在图床中，使用链接分享。
零成本搭建私人图床教程：CloudFlare R2 + PicGo 完整方案
Xtaiyang的博客
02-11 1055
在数字内容创作领域,一个稳定可靠的图床是不可或缺的工具。无论是写博客、发布文章,还是制作教程,都需要大量图片资源的支持。本教程将详细介绍如何利用 CloudFlare R2 和 PicGo 搭建一个完全免费、高效稳定的私人图床。
博客除草计划（一）：使用 Backblaze、Cloudflare 和 rclone 管理博客图片
pivilion的博客
02-13 1858
有一年多没有更新博客了吧，最近想把博客给拾掇拾掇，打开博客就发现图片加载好慢。我一直使用的是免费资源，比较费精力，托管图片的地方也换了好几个，每种方法有所长，也有所短。 本文搭建图床的方法主要参考这篇文章，使用 Backblaze B2 存储图片，Cloudflare 配置子域名、设置缓存等，rclone 用做 B2 的客户端，管理本地的图片。 上图为设置前后的效果对比，使用这种方法后，博客图...
利用cloudflare R2做全静态托管网站，原来这么简单
零久的博客
09-12 2604
Cloudflare是一家网络安全和性能公司，提供各种网络服务，包括域名解析、DDoS攻击保护、内容分发网络（CDN）、SSL证书和网站优化等。它的服务旨在提高网站的速度、安全性和可靠性，并为用户提供更好的在线体验。转发 URL (状态代码: 301 - 永久重定向, URL: https://cnj8.com/index.html)转发 URL (状态代码: 301 - 永久重定向, URL: https://cnj8.com/index.html)高性能的文件和对象存储，无输出费用。
cloudimg:个人图床
03-26
cloudimg 个人图床 访问方式： 利用免费的cdn加速：这也是非常好的做法，通常速度比较快 链接样式：https://cdn.jsdelivr.net/gh/xx025/cloudimg/img/20210127224422.gif 利用自定义域名访问：可以访问但速度比较慢 链接样式：https://img.loefairy.top/img/20210127224422.gif 通过github最多文件链接访问：经测试速度比较慢而且存在不能访问的情况 链接样式：https://raw.githubusercontent.com/xx025/cloudimg/main/img/20210127224422.gif
借助Cloudflare R2存储桶在1Panel上实现全自动云端服务器灾备：彻底告别宕机困扰
Mo_Tao的博客
01-23 748
在搭建个人博客的过程中，很多老哥们儿会担心服务商的问题，如跑路、误删数据或突然断电等。手动备份虽然是一种解决方案，但操作繁琐且需要额外的存储空间，这让人感到不便和焦虑。今天，陌涛将为大家带来一个全自动灾备教程，使用1Panel结合Cloudflare的R2存储桶实现无忧的数据保护。本教程以1Panel下的Halo博客为例进行演示。通过上述步骤，你可以在1Panel中利用Cloudflare R2轻松实现全自动云端灾备。如果对教程有任何疑问或改进建议，请留言分享！
Cloudflare R2 - 免费图床
weixin_37014966的博客
09-12 214
前言 之前看了一篇文章，关于介绍 Cloudflare R2 来搭建图床的方案，主要是白嫖 Cloudflare 的空间和 cdn 服务。我现在博客 DevNow 的 CDN 使用的是七牛云，偶尔还是有一点点的支出。 虽然不多，但是吧，看到有白嫖的方案，还是蠢蠢欲动，这不今天就来试着弄下看看。 1. 注册Cloudflare账号 先简单介绍下 Cloudflare 是一家提供网络安全和性能优化...
自制个人图床
Salvater的博客
02-17 1767
如何自制个人图床 有时候我们想要将自己的图片以链接的形式展示，就得需要使用图床，或者上传到自己的服务器，别人的图床会担心图片链接过期，然而自己的服务器会占用内存资源
个人图床解决方案(PicGo+对象存储, 几乎免费)
m0_62201229的博客
04-30 947
我使用PicGo+缤纷云对象存储服务搭建图床的全过程
用cloudflare R2 配置 markdown自动传图
人生不过是一场旅行，你路过我，我路过你，各自向前，各自修行。
04-05 735
用cloudflare 的R2 作图床，为 vscode 中写 markdown 自动上传图片.
Cloudflare R2 存储引入事件通知和不频繁访问存储层
weixin_56154577的博客
04-20 433
​ 在最近的开发者周期间，Cloudflare 宣布对象存储 R2 现在支持事件通知, 它会自动触发 Workers 以响应数据变化。 此外，迁移服务 Super Slurper 现已将其支持扩展到 Google Cloud Storage，并且内测版中提供了新的不频繁访问存储层. ​
个人图床搭建(七牛云+Typora+PicGo)
冲出仁川，走出马德里，故事还会再继续
03-31 1805
搭建免费个人图床1、搭建图床的前提2、搭建教程2.1 七牛云配置2.1.1 新建存储空间2.1.2 配置CDN加速域名2.2 百度云域名解析中配置CNAME2.3 PicGo配置2.4 typora配置3、总结 1、搭建图床的前提 一个经过工信部备案的域名。 PicGo软件 typora软件 通过七牛云的收费标准可以知道，对象存储每月免费10GB存储空间和10GB的存储流量。 没有域名的去申请一个顺便备案，这样也方便自己以后在部署服务的时候测试。 2、搭建教程 2.1 七牛云配置 2
帮我写一段html代码，实现用户前端登录，并把密码进行md5加密，结果存储在一个form里面，用ajax异步传给后端的login.submit接口
11-15
当然可以。这是一个简单的HTML、JavaScript (使用MD5库) 和 AJAX的例子来实现登录表单： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script> <!-- 引入MD5库 --> <script> function encryptPassword(password) { // 使用CryptoJS的MD5函数加密密码 var encrypted = CryptoJS.MD5(password); return encrypted.toString(); } function submitForm() { // 获取输入框的值 var username = document.getElementById("username").value; var password = document.getElementById("password").value; // 对密码进行加密 var hashedPassword = encryptPassword(password); // 创建一个新的FormData对象 var formData = new FormData(); formData.append('username', username); formData.append('hashed_password', hashedPassword); // 创建Ajax请求 var xhr = new XMLHttpRequest(); xhr.open('POST', 'your-server-url/login.submit', true); // 替换为你的后端接口地址 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onload = function () { if (xhr.status === 200) { console.log('Login successful:', xhr.responseText); } else { console.error('Error:', xhr.statusText); } }; xhr.send(formData); } </script> </head> <body> <h2>Login Form</h2> <form id="loginForm" onsubmit="event.preventDefault(); submitForm();"> <label for="username">Username:</label><br> <input type="text" id="username" name="username"><br> <label for="password">Password:</label><br> <input type="password" id="password" name="password"><br> <button type="submit">Login</button> </form> </body> </html> ``` 在这个例子中，当用户点击登录按钮时，`onsubmit`事件会阻止表单默认提交行为并触发`submitForm()`函数。这个函数获取用户名和密码，对密码进行MD5加密，然后创建一个包含加密后的密码的FormData对象，通过AJAX发送到指定的`login.submit`接口。 注意：实际项目中，你需要替换 `'your-server-url/login.submit'` 为你真实的后端API地址，并确保服务器端能正确处理这样的加密数据。同时，对于安全原因，前端加密并不足以保证密码安全，通常后端还会进行进一步的安全处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MatrixWave

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值