Typora使用PiCGo-Core将图片上传至阿里云OSS

使用阿里云OSS作为Typora的图床


文章目录

  • 使用阿里云OSS作为Typora的图床
  • 前言
  • 一、下载Node.js
  • 二、登录阿里云,购买对象OSS存储
    • 1.点击管理控制台,选择对象存储OSS
    • 2.创建Bucket
  • 三、设置PicGo-Core配置文件
    • 1. 获取accessKeyId和accessKeySecret
    • 2.获取”bucket”,“area“,”customUrl“
  • 四、上传测试


前言

最开始我使用github作为图床,但由于上传和下载图片都需要,十分麻烦,因此之后改用了gitee。一开始gitee的体验还不错,但自从某一天起typora总是提示load image failed,于是我查了一下,是因为gitee直接判断你把这个仓库当作图床了,所以直接给你弄成私有了,而且无法改成开源,于是便放弃了,最后改用了阿里云OSS

下面介绍一下具体操作,这些也是看别人的博客进行总结的。
我使用PicGo-Core进行上传,我觉得比PicGo(APP)上传,我不太喜欢后台挂太多软件。


一、下载Node.js

若要使用typora上传图片,必须下载和安装Node.js 下载Node.js
Typora使用PiCGo-Core将图片上传至阿里云OSS_第1张图片
安装完Node.js后进入cmd输入一下命令

$ picgo set uploader	# 这行是你需要输入的
? Choose a(n) uploader (Use arrow keys)
  smms
  tcyun
  github
  qiniu
  imgur
❯ aliyun	# 这个箭头是可以上下移动的,用你的方向键,选中 aliyun,然后回车
  upyun

这个操作的目的是生成一下配置文件
当然前提是你还得先下载PicGo-Core,点击typora中的那个按钮即可
Typora使用PiCGo-Core将图片上传至阿里云OSS_第2张图片
以记事本方式打开配置文件,里面是你需要配置的内容
Typora使用PiCGo-Core将图片上传至阿里云OSS_第3张图片

二、登录阿里云,购买对象OSS存储

1.点击管理控制台,选择对象存储OSS

如果你是第一次使用OSS,需要进行开通
Typora使用PiCGo-Core将图片上传至阿里云OSS_第4张图片
开通后会进入以下界面
Typora使用PiCGo-Core将图片上传至阿里云OSS_第5张图片
点击箭头处购买
Typora使用PiCGo-Core将图片上传至阿里云OSS_第6张图片

2.创建Bucket

Typora使用PiCGo-Core将图片上传至阿里云OSS_第7张图片
创建Bucket,填写名称和设置相关配置,Bucket名称后面会用到
Typora使用PiCGo-Core将图片上传至阿里云OSS_第8张图片
Typora使用PiCGo-Core将图片上传至阿里云OSS_第9张图片


三、设置PicGo-Core配置文件

打开【Typora】,点击左上角【文件】,【偏好设置】,点击【图像】,【打开配置文件】
复制下面内容粘贴到打开的配置文件【config.json】

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
    "accessKeyId": "",
    "accessKeySecret": "",
    "bucket": "", // 存储空间名
    "area": "", // 存储区域代号
    "path": "img/", // 自定义存储路径
    "customUrl": "", // 自定义域名,注意要加 http://或者 https://
    "options": "" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
    }
  },
  "picgoPlugins": {}
}

1. 获取accessKeyId和accessKeySecret

右上角【用户头像】,点击【AccessKey管理】
Typora使用PiCGo-Core将图片上传至阿里云OSS_第10张图片
创建新的AccessKey
Typora使用PiCGo-Core将图片上传至阿里云OSS_第11张图片
填入对应的accessKeyId和accessKeySecret
Typora使用PiCGo-Core将图片上传至阿里云OSS_第12张图片

2.获取”bucket”,“area“,”customUrl“

点击进入管理控制台,点击【Bucket列表】,找到之前创建的Bucket名称并点击
Typora使用PiCGo-Core将图片上传至阿里云OSS_第13张图片
点击概览,填写对应的【config.json】文件
Typora使用PiCGo-Core将图片上传至阿里云OSS_第14张图片
例:
Typora使用PiCGo-Core将图片上传至阿里云OSS_第15张图片

四、上传测试

Typora使用PiCGo-Core将图片上传至阿里云OSS_第16张图片
Typora使用PiCGo-Core将图片上传至阿里云OSS_第17张图片

你可能感兴趣的:(typora,图床,阿里云OSS)