AvatarCUNOE

使用 Markdown Image 扩展实现上传图片到 Cloudflare R2

写博客的时候不可避免的要使用到图片，图片的上传是个问题，在之前我一般都是用 rclone 上传到 Cloudflare R2，然后再手动复制链接，整体体验不是很好。

今天偶然找到了一个 Markdown 的图片扩展，可以实现图片的上传，并且可以自动复制链接，体验很好。

首先，需要安装 Markdown Image 扩展。

然后开始配置

{
  "markdown-image.base.uploadMethod": "S3",
  "markdown-image.base.fileNameFormat": "files/auto-upload/${YY}/${MM}/${timestamp}",
  "markdown-image.s3.endpoint": "https://68a20037d99999999999999.r2.cloudflarestorage.com",
  "markdown-image.s3.region": "auto",
  "markdown-image.s3.bucketName": "cunoe-bucket",
  "markdown-image.s3.accessKeyId": "accessKeyId",
  "markdown-image.s3.secretAccessKey": "secretAccessKey",
  "markdown-image.s3.cdn": "https://s3.cunoe.com/${filepath}"
}

其中 endpoint 和 bucketName 可以在 R2 存储桶的设置中找到，accessKeyId 和 secretAccessKey 可以在 R2 控制台 的 API 管理中生成，记得为 API 开启读写权限。

当你复制好图片后，接下来到任意文件中，打开 vscode 的命令面板，输入 paste image 即可上传图片，上传完成后会自动复制链接。

picture 0

总体来说上传体验比之前好很多，可以自动复制链接，而且可以自动上传到 R2，体验很好。