写博客的时候不可避免的要使用到图片，图片的上传是个问题，在之前我一般都是用 rclone 上传到 Cloudflare R2，然后再手动复制链接，整体体验不是很好。
今天偶然找到了一个 Markdown 的图片扩展，可以实现图片的上传，并且可以自动复制链接，体验很好。
首先，需要安装 Markdown Image 扩展。
然后开始配置
1{
2 "markdown-image.base.uploadMethod": "S3",
3 "markdown-image.base.fileNameFormat": "files/auto-upload/${YY}/${MM}/${timestamp}",
4 "markdown-image.s3.endpoint": "https://68a20037d99999999999999.r2.cloudflarestorage.com",
5 "markdown-image.s3.region": "auto",
6 "markdown-image.s3.bucketName": "cunoe-bucket",
7 "markdown-image.s3.accessKeyId": "accessKeyId",
8 "markdown-image.s3.secretAccessKey": "secretAccessKey",
9 "markdown-image.s3.cdn": "https://s3.cunoe.com/${filepath}"
10}其中 endpoint 和 bucketName 可以在 R2 存储桶的设置中找到，
accessKeyId 和 secretAccessKey 可以在 R2 控制台 的 API 管理中生成，记得为 API 开启读写权限。当你复制好图片后，接下来到任意文件中，打开 vscode 的命令面板，输入
paste image 即可上传图片，上传完成后会自动复制链接。
总体来说上传体验比之前好很多，可以自动复制链接，而且可以自动上传到 R2，体验很好。