typora-picgo配置阿里云自动化OSS对象存储

1.阿里云配置部分

1.1.购买对象存储OSS资源包

  • 登陆阿里云首页点击对象存储OSS

image-20231209163309720

image-20231209163703451

这个配置是最便宜的

image-20231209163903970

1.2.创建存储bucket

进入管理控制台

image-20231209164046428

选择对象存储

image-20231209164113818

image-20231209164522072

1.3.添加子账户授权

这时候我们需要添加该bucket的访问授权，因此我们需要先创建子账户。

image-20231209165217736

image-20231209165403367

image-20231209165447566

image-20231209165534201

我们需要添加子账户的API访问

image-20231209165635339

需要手机号验证

image-20231209165814385

记住这个key 和 secret,等会需要使用

image-20231209165934482

回到bucket授权页面，点击新增授权

image-20231209170233520

image-20231209171540275

image-20231209171609393

2.配置typora-picgo

下载picgo-core，添加上传配置信息

文件->偏好设置

按如下顺序进行设置

image-20231209174503606

配置文件内容为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
  "picBed":{
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "XXXXXXXXXXXXXXXXXXXX",
      "accessKeySecret": "XXXXXXXXXXXXXXXXXX",
      "area": "oss-cn-beijing", // 地域名 我这里是 华北2（北京）
      "bucket": "my-bucket-015", // 你存储空间的名称
      "path": "mdImg/", // 自定义存储空间下的文件夹名称 
      "customUrl": "my-bucket-015.oss-cn-beijing.aliyuncs.com", //填写自己的bucket域名url
      "options": ""
    }
  },
  "picgoPlugins": {}
}

image-20231209175451028

点击⑥验证上传

image-20231209180219896

  • 图片上传当我们将图片粘贴到markdown中后右键点击图片选择上传图片即可，上传后图片就会引用外部图片。

    image-20231209181053664

    并且在bucket中就可以看到我们上传的图片

    image-20231209181414524

3.配置获取压缩图片

由于我们有时需要将我们的markdown上传到WEB或者blog，因此我们需要将图片进行压缩处理

3.1.在阿里云新建样式

点击新建样式

image-20231209180514235

image-20231209180624690

3.2.配置picgo

在picgo的config.json配置文件中添加参数?x-oss-process=style/stylename

其中的stylename就是我们刚刚新建样式的名字

1
"options": "?x-oss-process=style/img-to-webp"

需要注意的是图片还是我们原来上传的图片格式，只是请求图片时的格式被转换了而已，也就是我们引用时图片需要添加一个x-oss-process=style/stylename参数。

image-20231209181243211