立即加入
亦涛教育工作室
账号登录 立即加入

GitHub图床 + Cloudflare加速及Cloudflare R2图床的搭建全攻略，小白也能轻松上手

· 2025-02-06 · 263 阅读
中职教育
以下是一份关于GitHub图床 + Cloudflare加速及Cloudflare R2图床的搭建全攻略，小白也能轻松上手：

一、GitHub图床搭建

  1. 创建GitHub仓库
    • 登录GitHub，点击右上角“+”号，选择“New repository”。
    • 填写仓库名称（如“image-bed”），选择“Public”（公开）属性，点击“Create repository”。
  2. 创建GitHub Token
    • 点击个人头像，选择“Settings”。
    • 在左侧菜单中点击“Developer settings”，选择“Personal access tokens”。
    • 点击“Generate new token (classic)”，输入密码验证。
    • 填写Token的描述（如“image-bed-token”），选择“repo”权限，点击“Generate token”。
    • 生成的Token只显示一次，建议将其复制并保存到记事本中。
  3. 配置PicGo
    • 下载并安装PicGo。
    • 打开PicGo，点击“图床设置”，选择“GitHub”。
    • 填写以下信息：
      • 图床配置名：自定义名称（如“GitHub图床”）。
      • 仓库名：刚才创建的GitHub仓库名称。
      • 分支名：默认为“main”。
      • Token：刚才生成的GitHub Token。
      • 存储路径：可自定义图片存储路径（如“/images/”）。
      • 自定义域名：可选，用于加速图片访问，如使用https://cdn.jsdelivr.net/gh/用户名/仓库名。
    • 点击“保存”，在PicGo的“上传区”拖入图片测试上传，上传成功后，图片链接会自动复制到剪贴板。

二、Cloudflare加速

  1. 注册并登录Cloudflare
    • 访问Cloudflare官网，注册账号并登录。
  2. 添加网站
    • 点击“Add a Site”，输入你的网站域名（如yourdomain.com），点击“Add Site”。
    • Cloudflare会自动扫描你的域名解析记录，你可以根据需要添加或修改解析记录。
  3. 配置CDN加速
    • 在Cloudflare的“Speed”选项卡中，可以进一步优化加速设置，如启用自动压缩、Rocket Loader等。
    • 确保将GitHub仓库的图片链接指向通过Cloudflare加速的域名，例如https://yourdomain.com/images/图片名，这样访问图片时就会通过Cloudflare的CDN节点加速。

三、Cloudflare R2图床搭建

  1. 创建Cloudflare R2存储桶
    • 登录Cloudflare，点击左侧菜单中的“R2”。
    • 点击“Create Bucket”，输入存储桶名称（如“image-bed-r2”），选择“Standard”存储类别，点击“Create”。
    • 开启“R2.dev子域”，点击“Allow access”，输入“allow”以启用公网访问。
  2. 创建R2 API令牌
    • 在R2页面点击“Manage R2 API Tokens”，选择“Create API Token”。
    • 输入令牌名称（如“image-bed-r2-token”），权限选择“Object read and write”，并将此API令牌指定到刚才创建的存储桶，点击“Create”。
    • 记录下生成的Access Key和Secret Key，这些信息用于后续配置PicGo。
  3. 配置PicGo连接Cloudflare R2
    • 在PicGo的“图床设置”中，选择“Amazon S3”（Cloudflare R2兼容S3 API）。
    • 填写以下信息：
      • 图床配置名：自定义名称（如“Cloudflare R2图床”）。
      • Endpoint：https://<存储桶名>.r2.cloudflarestorage.com（将<存储桶名>替换为你的存储桶名称）。
      • Access Key：刚才记录的R2 API的Access Key。
      • Secret Key：刚才记录的R2 API的Secret Key。
      • 存储路径：可自定义图片存储路径（如/images/）。
    • 点击“保存”，在PicGo中上传图片测试，上传成功后，图片会存储在Cloudflare R2存储桶中。

四、使用PicGo一键上传

  • 安装并配置好PicGo后，你可以通过多种方式上传图片：
    • 拖拽上传：将图片拖入PicGo的上传区。
    • 剪贴板上传：将图片复制到剪贴板，PicGo会自动检测并上传。
    • 右键上传：在图片文件上右键，选择PicGo上传选项。
  • 上传成功后，图片链接会自动复制到剪贴板，你可以直接将链接粘贴到博客或其他需要的地方。

注意事项

  1. GitHub图床限制：GitHub仓库内容超过1GB可能会触发人工审核，频繁使用GitHub作为图床可能会被限制。
  2. Cloudflare R2免费额度：Cloudflare R2为免费用户提供每月10GB的存储额度，超过额度后需要付费。
  3. 安全性：妥善保管你的GitHub Token和Cloudflare R2 API密钥，避免泄露。
通过以上步骤，你可以轻松搭建一个免费且加速的图床，解决博客图片被墙的问题，同时还能使用PicGo一键上传图片。