以下是一份关于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 KeySecret Key,这些信息用于后续配置PicGo。
  3. 配置PicGo连接Cloudflare R2
    • 在PicGo的“图床设置”中,选择“Amazon S3”(Cloudflare R2兼容S3 API)。
    • 填写以下信息:
      • 图床配置名:自定义名称(如“Cloudflare R2图床”)。
      • Endpointhttps://<存储桶名>.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一键上传图片。