跳至主要內容

实现Markdown文档自动上传图片

FenyMarkdownMarkdown图片上传大约 3 分钟约 801 字

实现Markdown文档自动上传图片

一、前言

期望编辑的Markdown文章引用的图片不是在本地,而是存放在图床上,在网上百度到的方法后,找到使用typora+picgo+oss解决问题,故记录下来。

二、搭建流程

1、购买阿里云oss的服务

请自行购买阿里云oss的服务

(1)、oss相关配置

(1.1)、从右上角头像的下拉菜单里面点击【访问控制】
image-20230102172610021
(1.2)、在点击【身份管理】的【用户】,在点击右边的【创建用户】
image-20230102173136573
(1.3)、创建用户记得勾选【OpenApi调用访问】

这个是PicGo上传图片要用的

image-20230102173820775
(1.4)、给设置的用户添加权限

记住要给设置的用户添加权限【AliyunOSSFulAccess】

这个权限给Ram用户一定要设置下,要不然没法使用oss的各种操作

image-20230102174319723
(1.5)、找到账号对应的key和Secret
image-20230102201534323
image-20230102201534323

(2)、创建Bucket

打开OSS控制台open in new window,点击Bucket列表--创建Bucket

小提示:要记住设置公共读,因为我们的图片是要让大家能在平台上传时能访问的。

image-20230102175605624

可以给要存储图片的目录创建一个文件夹(可选,不创建也没有关系)

点击刚才创建好的Bucket,为了方便我们管理,右边选择新建目录,比如picture之类的。

2、安装配置PicGo

PicGo官网:https://molunerfinn.com/PicGo/open in new window

下载安装后,配置阿里云oss

在【图床设置】里面选择【阿里云OSS】,填入之前复制的key和Secret,还有bucket,储存区域可以从bucket点开,【概览】里面可以看到,.aliyuncs.com之前的oss-cn-shenzhen就是存储区域。

image-20231228161936779image-20231228154351793
验证下效果

在上传区选择切换当前图床为阿里云OSS,随便上传一张图片

image-20231228154641037

上传成功后可以在相册中看到刚上传的图片即表示成功。

image-20231228154835939

3、安装配置Typora

官方网站地址:https://typoraio.cn/open in new window

Typora破解版链接:https://pan.baidu.com/s/1qoix0s_ue71k99mXd527OQopen in new window 提取码:kygx

下载安装好 Typora 后,进入偏好设置

image-20230102164627305

选择【图像】的设置,【插入图片时...】选择【上传图片】,选择下面几个跟图片相关的配置,【上传服务器设定】选择【PicGo(app)】,【PicGo路劲】选择PicGo安装时的路径,如果本地没有下载过PicGo,也可以直接点击上面的图中的【下载PicGo(app)】。

image-20230102152039088

点击“验证图片上传选择”可以验证是否上传成功阿里云OSS

image-20231228155141615

没问题的话以后编写Markdown文档,插入的图片就会自动上传到阿里云OSS啦。

上次编辑于:
贡献者: Feny