跳到主要内容

VSCode+PicGo+阿里云 配置图床

这里我选择的方案是 VSCode + PicGo + 阿里云,如果使用其他的图床,比如 GitHub、七牛云等也是类似的操作

阿里云 OSS 服务器配置

在阿里云产品中选择储存对象 OSS 20230125155133

往下滑,新用户有免费试用的机会,可以白嫖,先试用一段时间再考虑是否要付费也可以 20230125155151

选择管理控制台,点击 Bucket 列表,创建 Bucket 20230125155203

根据提示输入 Bucket 名称,部分配置参考如下,其他默认 20230125155215

创建好之后点击 Bucket 列表,点击右上角的导出csv,导出容器的相关信息,之后配置 PicGo 参数时需要用到,记作 Param1 20230125155237

进入概览页面,将端口访问的 Bucket 域名先记录下来,同样 PicGo 需要用到,记作Param2 20230125155253

点击头像的 AccessKey 管理,创建一个AccessKey,并且将AccessKey和AccessKey Secret记下来,之后配置 PicGo 参数时使用,记作 Param3 20230125155304

PicGo 配置

VScode 插件搜索并安装 PicGo 插件,进入设置界面进行配置
将图床配型设置为 aliyun 20230125155358

将配置 OSS 时所记录的参数填进去
Param1Area 填导出的 Bucket csv 文件中对应的区域,注意不要填中文,否则识别不了;
Bucket 就填 Bucket 的名字,Custom UrlBucket 的域名,注意加上前缀 https://
Path 是图床中存储文件的文件夹名(截图的路径写错了,/ 应该放在文件夹名称后面)可写可不写。 20230125155658

图片操作

以上配置都完成后,就可以愉快的进行 markdown 的写作了

通过截图或者是复制的图片(能记录在剪切板里就行),通过 Ctrl+Alt+u 快捷键就可以快速插入图片链接了

在 OSS 控制台里也可以看到上传的图片并进行管理 20230125155841

参考与致谢