Typora+PicGo-core+Gitee 实现图片自动上传图床

Typora+PicGo-core+Gitee 实现图片自动上传图床

上传测试：

image-20210418120312659

似乎不太行，上传成功了，本地连接也是正常的，但是Typora无法加载出图片。可能是图片太大了。下面试一试小一点的图片。

image-20210418120348982

成功了，图片size不能太大。可以使用Windows 10自带的照片应用，右键调整大小，另存为，之后再打开图片，右键复制图像内容，粘到Typora中。不要复制图片文件，直接复制图片文件容易造成文件名冲突。

一、注册Gitee，新建代码仓库作为图床

1. 注册账号，应该人人都会。
2. 新建一个仓库，没有具体限制，仓库名最好能识别出这是图床，只需要在“是否开源”中选择公开，另外推进勾选使用ReadME文件初始化这个仓库。
3. 在账号设置中，设置“私人令牌”。只需要勾选最基本的功能，其他没有限制，推荐在令牌描述中写明这是用于PicGO图床。
   1. user_info
   2. projects
   3. pull_requests
4. 复制好私人令牌，将它记录在一个可以永久保存的位置。切记。

二、打开Typora图片上传功能，配置相关功能

1. Typora偏好设置中打开“图像”设置。
2. image-20210418123342262
3. 从上到下依次更改设置，
   1. 选择上传图片
   2. 勾选三个选项
   3. 上传服务选择PicGO-Core
   4. 点击“下载或更新”，需要全局代理用于下载

三、配置PicGO，连接Gitee图床

1. 打开Typora下载的PicGo的位置。
2. image-20210418123740240
3. 在此目录下，执行命令。

.\picgo.exe install gitee-uploader
.\picgo.exe install smms-user    # 可选
.\picgo.exe install github-plus  # 可选

4. 回到Typora中的“图像”设置中。点击“打开配置文件”，进行最后的配置。

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "githubPlus": {
      "branch": "master",
      "customUrl": "https://cdn.jsdelivr.net/gh/用户名/项目名",
      "path": "img/",
      "repo": "github用户名/github仓库名",
      "token": "自己的token"
    },
    "gitee": {
      "branch": "master",
      "customPath": "yearMonth",
      "customUrl": "",
      "path": "img/",
      "repo": "gitee用户名/gitee仓库名",
      "token": "自己的token"
    },
    "smms-user": {
      "Authorization": "替换成你自己的token"
    },
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-smms-user": true,
    "picgo-plugin-github-plus": true
  }
}

5. 回到“图像”设置中，点击“验证图片上传选项”，进行测试。

四、使用

1. 使用时注意，最好复制图片的时候复制图片数据，再粘贴到Typora中，这样的文件会自动命名成与时间相关的文件名。如果直接复制图片文件进去，再上传时容易出现图片重名，导致不能上传。
2. Typora再联网获取图片时，图片不能够太大。尤其是PNG格式的图片。不能太大，指的是两个方面。
   1. Size，图片的分辨率尺寸。
   2. 大小，图片的数据占用量。
3. 建议将图片调整尺寸后再复制到Typora中，这样比较容易显示。