2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > Typora+PicGo+阿里云OSS实现图片上传功能

Typora+PicGo+阿里云OSS实现图片上传功能

时间:2021-12-15 11:59:41

相关推荐

Typora+PicGo+阿里云OSS实现图片上传功能

烦恼

Typora是最好用的markdown语法的工具之一;平时做笔记都是使用这个工具,免费,简洁好用,用上之后就爱上了。但是它默认图片是放在本地的。为了用好这个工具,也是经历了一打怪之旅。

开始不做任何设置使用,图片都存储在默认文件夹。为了保证笔记质量,我的截图图片没有做任何压缩,文件比较大,这样的后果是默认文件夹下的图片数量加大,又不敢删除,维护起来特别困难;

于是学了前辈们设置相对路径的做法,把笔记和图片文件保存到一个专用来存放笔记的文件当中,这样维护成本大大降低(开始使用的同学可以尝试百度修改)。之后问题又来了,Typora中的图片路径都是本地的。分享笔记或者上传到有道云都会导致图片找不到,解决办法是,将笔记内容导出为PDF文件再分享和上传。PDF不可编辑用着不爽。

我平时经营我自己的公众号,写文章一直找不到合适的工具可以实现各个平台文章的整合维护(实现一次编辑,到处发布!)于是了解到markdownNice插件,这是一个真香的编辑器。但是我以前的笔记都是用了Typora保存的都是本地的图片路径,复制md源码粘贴,尴尬的是图片我得一个一个进行编辑。不爽!(因为防盗链的原因,复制公众平台中写好的文章,公众号中的图片也是不能访问到的)能不能把图片放到云端,md源码到哪里都能通过图片地址访问到?

再次想有没有什么更骚的操作,将图片上传到云端,这样在任何地方访问都是美滋滋了呀!有问题,找百度。一看有人已经实现,有戏!于是开始在上班摸鱼时间偷偷摸索起来…

准备工作

Typora方面的准备

在Typora偏好设置中,图像可以实现上传,再看上传服务设定,点开看了看,各种方式都有介绍,但是都是Typora设置的一些介绍。话不多说,开干!

设置上传图片;下面的配置选项介绍再了解更多中有更详细的介绍,这里我都选了;

上传服务中选择PicGo(app);

这里其他选项都是和命令有关的操作,我想app才是最友好的操作,又一百度,果然网上的前辈都是这么干的!

下载PicGO;

这里有链接可以直接跳到下载页,点击即可;

PicGo的首页:当然是看看这个工具的介绍,然后点击买南非下载啦!

我的是Windows的电脑,所以选择.exe后缀的文件下载;

接下来就是完成之后的傻瓜式安装,启动;

填上PicGo的路径;

PicGo方面的准备

PicGo可以支持多个平台的图床;尝试过用gitee插件的方式做图床,结果失败了,需要安装Nodejs麻烦,只是下载安装Node就花费一晚上(访问外网下载卡到爆)。以前项目存储图片使用过阿里云OSS,大平台,不免费,但是也不贵,相比对XX视频的VIP来说已经很便宜了。况且要学习,就要原理娱乐性的APP;于是决定用阿里云OSS对象存储做PicGo的默认图床;

图床设置中需要的参数,需要从自己的阿里云OSS账户中来;

接下来,解决这些参数的来源问题,就是搞一搞阿里云OSS;

阿里云OSS方面的准备

注册一个阿里云账户登录这些就不说了,咱们植入重点:

进入官网——注册——登录

再搜索栏中输入OSS搜索;

选择购买

地域选择离自己位置比较近的地区即可,其他默认选项,费用不贵,还有一些按流量计费的收费标准。可自行了解。

主用户权限过高,只是作为图床就没有必要这么高的权限,我们通过创建子用户的方式来管理图床;

点击头像——>访问控制

创建用户,访问方式选择编程访问,登录名称和显示名称自己设置;

用户创建完成后,会生成Access ID和Access secret,可以点击复制保存起来,后面做参数使用。

创建之后,对子用户添加权限:

只添加AliyunOSSFullAccess的权限即可;

创建图片存储空间Bucket

这里注意,权限需要是公共读

创建完成之后,Bucket列表中,可以看到访问域名,这里也是作为参数,我们需要记住:

接下来就是把PicGo中的参数填好:

测试

再PicGo上传图片测试:

提示上传成功:

还可以去OSS中看看图片是否已经存在;

再试试Typora能不能上传成功:

至此,整个过程就完美结束了!

欢迎大家关注我的公众号,其中有我发布的学习笔记和学习资料。一起共同进步!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。