R2 自动化测试封面

本地图片自动上传 Cloudflare R2 实战测试

本文用于验证本地 Markdown 文章中的图片引用,在运行同步脚本后能否自动上传至 Cloudflare R2 并自动替换为 CDN 外链。

这是一篇专门用于验证 Cloudflare R2 自动化图床工作流 的测试文章。

在这篇文章中,封面图和正文配图当前均使用的是本地相对路径(./images/...)。

本地图片引用演示

下面是一张存放在本地项目 src/content/posts/images/test-illustration.svg 的矢量插图:

R2 同步流程示意图

验证流程与预期效果

  1. 当前状态:

    • 封面图路径:https://img.08yt.com/posts/r2-image-upload-test/test-cover-1689bab19a.svg
    • 正文图片路径:https://img.08yt.com/posts/r2-image-upload-test/test-illustration-9f6da41057.svg
  2. 触发同步: 在项目根目录下配置好 .env 中的 R2 密钥后,运行:

    pnpm sync-images
  3. 预期结果:

    • 脚本自动读取本地这两张 .svg 文件并计算 SHA256 哈希值;
    • 自动上传到 R2 存储桶;
    • 本 Markdown 文件中的本地路径会被就地自动重写替换为形如: https://img.08yt.com/posts/r2-image-upload-test/test-illustration-xxxxxx.svg!