博客图床 VsCode + PicGo + 阿里云OSS

关键字

写博客，图床，VsCode，PicGo，阿里云OSS

背景环境

我想把我在本地写的markdown文档直接搬到CSDN上和博客园上，但是图片上传遇到了问题。我需要手动到不同平台上传文件，非常耗费时间和经历。
为了解决这个问题，我想到了图床方案，我只需要把图片链接放到我本地写好的博客里面，然后复制粘贴就可以了。

原因分析

为了解决上传博客手动上传图片的问题。

解决过程

首先，我对图床的要求如下：

• 要好用，便于管理。
• 要安全，如果图床服务商跑路了，那么我的博客可能都会凉凉。
• 要便宜，最好免费，但是往往免费的总是最贵的。

根据我的要求，我尝试了多种方案：

1. 使用Microsoft OneDrive，这个是win11自带的云存储服务，把图片放到OneDrive的文件夹中就可以生成链接。免费，简单，好用，但是等我实际使用时，就遇到了防盗链的问题，无法在CSDN上显示图片。（防盗链：A网站直接引用B网站的链接，B网站会验证访问者的来源地址（即HTTP Referer字段），来决定是否允许访问特定内容。如果来源地址不在允许列表内，访问请求将被拒绝。）所以这个方法无效。
2. 我自己有云服务器，但是网络在新加坡，要是我用我的云服务器作为图床，经常被访问，我怕存在安全问题，比如封IP。
3. 最后，我尝试小氪的方案，使用阿里云OSS，也不贵（40GB每年，十几块钱吧，一份猪脚饭）。阿里云OSS是云存储服务，我把图片传上去，然后公开读取权限，我就获得了一个可以直接访问，可以控制权限的图片地址了。

最终解决

方案：VsCode + PicGo + 阿里云OSS

PicGo介绍

PicGo是一个图片床管理的客户端，可以通过这个客户端，把图片上传到不同的云服务上，支持阿里云，腾讯云，七牛的等等。
客户端下载地址：https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo ，但是使用VsCode就不用下载这个客户端了。

（PicGo支持的云服务）

（PicGo配置，阿里云）

（PicGo上传文件）

VsCode使用

下载PicGo插件

配置插件

使用

使用起来非常简单，只需要在Vscode的编辑界面使用快捷键Ctrl+Alt+E（Windows的上传文件的快捷键），然后就会在光标位置打开一个窗口，选择上传的图片后，就会自动生成图床的链接的markdown语句。非常省心省时省力。（比如这篇博客。）