使用Typora + 阿里云OSS + PicGo 打造个人图床

为什么要打造图床?

试问以下场景:

  1. 我们要 markdown 笔记放到某博客上,直接进行复制即可。但因你的图片存储在本地,博客上的图片因无法找到本地路径而无法显示,因此需要到本地找到图片一个个上传
  2. 我们要把 markdown 笔记共享给朋友,需要同时把图片一并打包发送

这时我们可以使用阿里云OSS + PicGo 打造自己的图床让上面的两个场景爽到飞起:

  1. 直接复制 markdown 笔记放入博客即可
  2. 共享笔记给朋友只需要发送一份 markdown 文件即可

购买阿里云OSS

链接:对象存储OSS_云存储服务_企业数据管理_存储-阿里云 (aliyun.com)

  • 购买阿里云OSS

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

  1. 点击产品价格可见具体定价情况
使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP
  1. 点击折扣套餐购买存储资源

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

  • 进入控制台创建 Bucket

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

点击 Bucket 列表创建,或左边模块创建皆可

  • Bucket 参数设置
  1. Bucket 名称:自定义
  2. 地域:一般国内任意地域皆可
  3. 存储类型:标准存储
  4. 读写权限:公共读
  • 创建AccessKey

鼠标移动至头像,点击 AccessKey 管理即可进入管理界面

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

创建AceessKey记得要保存下来

使用PicGo

下载地址:Releases · Molunerfinn/PicGo (github.com)

下载后安装打开Picgo

  • 根据自己使用的图床设置,我这里使用的是阿里云OSS
使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP
  • 查看Server端口是否为36677(编辑器端口)
使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP
  • 图床设置
使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP
  1. 设置KeyID、KeySecret:即之前保存的 AccessKey 于 AccessKeySecret
  2. 设置存储空间名:即之前创建 Bucket 的名字
  3. 确认存储区域:见下
使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

注意:要去除后面的 .aliyuncs.com

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

  • 拖动图片测试是否能上传成功
使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

Typora设置

  • 进入Typora偏好设置 -> 图像

使用Typora + 阿里云OSS + PicGo 打造个人图床-LMLPHP

至此,我们使用 Typora + 阿里云OSS + PicGo 打造出自己的图床了

04-30 10:42