关键字
写博客,图床,VsCode,PigGo,阿里云OSS
背景环境
我想把我在本地写的markdown文档直接搬到CSDN上和博客园上,但是图片上传遇到了问题。我需要手动到不同平台上传文件,非常耗费时间和经历。
为了解决这个问题,我想到了图床方案,我只需要把图片链接放到我本地写好的博客里面,然后复制粘贴就可以了。
原因分析
为了解决上传博客手动上传图片的问题。
解决过程
首先,我对图床的要求如下:
- 要好用,便于管理。
- 要安全,如果图床服务商跑路了,那么我的博客可能都会凉凉。
- 要便宜,最好免费,但是往往免费的总是最贵的。
根绝我的要求,我尝试了多种方案:
- 使用Microsoft OneDrive,这个是win11自带的,把图片放到OneDrive的文件夹中就可以生成链接。免费,简单,好用,但是等我实际使用时,就遇到了防盗链的问题。(防盗链:A网站直接引用B网站的链接,B网站会验证访问者的来源地址(即HTTP Referer字段),来决定是否允许访问特定内容。如果来源地址不在允许列表内,访问请求将被拒绝。)所以这个方法无效。
- 我自己有云服务器,但是网络在新加坡,要是我用我的云服务器作为图床,经常被访问,我怕存在安全问题。
- 最后,我尝试小氪的方案,使用阿里云OSS,也不贵(40GB每年,十几块钱吧,一份猪脚饭)。阿里云OSS是云存储服务,我把图片传上去,然后公开读取权限,我就获得了一个可以直接访问,可以控制权限的图片地址了。
最终解决
VsCode + PicGo + 阿里云OSS
PigGo介绍
PicGo是一个图片床管理的客户端,可以通过这个客户端,把图片上传到不同的云服务上,支持阿里云,腾讯云,七牛的等等。
客户端下载地址:https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo ,但是使用VsCode就不用下载这个客户端了。
(PigGo支持的云服务)
(PigGo配置,阿里云)
(PigGo上传文件)
VsCode使用
下载PigGo插件

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