Typora使用阿里云OSS和PicGo搭建图床

一、环境准备

1、安装最新版Typora

地址：Typora 官方中文站 (typoraio.cn)

我的版本如下图：

image.png

2、安装Node.js

地址：Node.js (nodejs.org)

下载长期服务版LTS

image.png

下载后，一直默认下一步安装即可

验证是否安装成功

命令行输入以下命令，出现版本号，说明安装成功!

node -v

image.png

二、阿里云OSS购买与配置

1、购买阿里云OSS

地址：阿里云OSS

进入阿里云官网，找到对象存储OSS产品，点击折扣套餐

image.png

选择对应的套餐，如果我们都是用来做笔记图床，那么选标准(LRS)存储包即可，一年9块钱(续费时长只要超过1年，还是9块钱)

image.png

购买成功后，我们需要开通OSS，开通是免费的。点击上面的立即开通即可

2、配置阿里云OSS

我们进入阿里云OSS的工作台, 点击创建Bucket

地址：OSS管理控制台

image.png

• Bucket名称：唯一，自己随便填
• 地域：选择与自己相近的地区
• 存储类型：标准存储(因为我们刚刚买的是标准存储包)
• 读写权限：改为公共读
• 其他：全部默认不开通，开通需要额外付费

image.png

创建成功后，我们点击进入Bucket列表，在概述里面可以看到我们该Bucket的大概情况

其中外网流出流量和本月请求次数都是需要额外付费的，我们可以通过权限管理里的防盗链来控制

具体费用清单，请看：对象存储OSS费用清单

image.png

3、创建AccessKey

在阿里云官网右上角，将鼠标移上去，点击AccessKey管理

image.png

点击创建AccessKey

image.png

三、安装PicGo

1、安装PicGo

官网地址：PicGo

打开Typora，文件---偏好设置

选择PicGo-Core(command line),点击下载更新

PicGo.app和PicGo-Core的区别?

• PicGo.app 提供图形用户界面，而PicGo-Core只有命令行界面

• PicGo-Core 上传图片耗费的计算机资源更少，只有在上传图片时进程才会运行，上传结束后(成功或失败)进程都会退出；PicGo.app 会一直保持运行，不会自动退出，而且由于是程序，因此消耗的资源会更多

image.png

2、安装PicGo插件

安装完成后，点击验证图片上传选项，找到PicGo的下载路径

验证失败是正常的，因为此时PicGo还未和阿里云OSS关联

image.png

在此路径下打开CMD窗口输入以下命令：

• 安装 super-prefix，用于上传图片时能自动使用时间戳重命名

.\picgo.exe install super-prefix

image.png

3、配置PicGo

打开Typora，文件---偏好设置

选择打开配置文件,按照一下进行配置

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "",
      "accessKeySecret": "",
      "bucket": "", // 存储空间名
      "area": "", // 存储区域代号
      "path": "img/", // 自定义存储路径，会在bucket新建img文件夹
      "customUrl": "", // 自定义域名，注意要加 http://或者 https://
      "options": "" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
    }
  },
  "picgoPlugins": {
    "picgo-plugin-super-prefix": true
  }, // PicGo插件预留
  "picgo-plugin-super-prefix": {
    "prefixFormat": "YYYY/", //给文件名增加前缀,左斜杠表示会在bucket创建对应文件夹
    "fileFormat": "YYYYMMDDHHmmss" //格式化文件名
  } //super-prefix插件配置
}

• accessKeyId：刚刚创建的key
• accessKeySecret：key对应的密码
• bucket：bucket的名称
• area：Endpoint（地域节点）对应的第一部分值，详细见下图
• customUrl：http://+Bucket 域名

image.png

4、验证

打开Typora，文件---偏好设置

点击验证图片上传选项

image.png