记录 Typora 中配置图片自动上传阿里云 OSS

使用 markdown 写文档，插入图片，手动上传到云端很繁琐，借助 Typora 内置的图片上传将图片自动上传到阿里云 OSS 上有着不错的体验，记录一下配置过程。

前提

注册阿里云
开通 OSS
创建 bucket
拿到 bucket 拥有写入权限的用户的 AccessKey
安装好 Node.js 环境

配置 PigGo-Core

在如下图操作中选择 PigGo-Core 然后点击下载或更新。

等待下载完成后，在上图页面点击【打开配置文件】

配置文件内容：

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "阿里云用户accessKeyId",
      "accessKeySecret": "阿里云用户accessKeySecret",
      "bucket": "bucket名称",
      "area": "bucket存储区域代号，如：oss-cn-shanghai",
      "path": "bucket上自定义存储路径，如：blog/",
      "customUrl": "bucket的自定义域名https://cdn.beltxman.com",
      "options": ""
    }
  },
  "picgoPlugins": {}
}

配置好之后，保存。

验证配置

在上图配置页面点击【验证图片上传选项】，看到如下的输出代表配置成功：

安装 super-prefix 插件

这个插件主要是为了自动生成图片目录，名称等。

在上面验证配置时，找到 picgo.exe 在电脑上的位置，一般在 C:\Users\你自己的用户名\AppData\Roaming\Typora\picgo\win64 目录下，进入目录执行：

.\picgo.exe install super-prefix

再次【打开配置文件】，修改插件配置：

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "阿里云用户accessKeyId",
      "accessKeySecret": "阿里云用户accessKeySecret",
      "bucket": "bucket名称",
      "area": "bucket存储区域代号，如：oss-cn-shanghai",
      "path": "bucket上自定义存储路径，如：blog/",
      "customUrl": "bucket的自定义域名https://cdn.beltxman.com",
      "options": ""
    }
  },
  "picgoPlugins": {
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "prefixFormat": "YYYY/MM/DD/",
    "fileFormat": "YYYYMMDD-HHmmss"
  }
}

其中 prefixFormat 表示 bucket 子目录的位置，fileFormat 表示图片命名规则。向上面这样配置最终会生成的图片是这样的：https://cdn.beltxman.com/blog/2024/11/22/20241122-152335.png。

到此配置完成，在 Typora 上写文档时，直接粘贴剪切板上的图片，就可以自动上传到 OSS 并插入到文档内了，非常方便。