使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库

文章目录

  • 1. 官网链接
  • 2. 下载PicGo
    • 2.1 下载
    • 2.2 安装
  • 3. 安装Node.js
  • 4. PicGo下载Gitee插件
  • 5. Gitee设置
    • 5.1 建立图床库
    • 5.2 创建Gitee私人令牌
  • 6. 配置PicGo
    • 6.1 打开Gitee之前创建的仓库
    • 6.2 填写完的结果
  • 7. 查看日志
  • 8. 测试
  • 9. 结合Typora
  • 10. 删除
  • 参考

1. 官网链接

PicGo Github

2. 下载PicGo

2.1 下载

进到PicGo下载地址,点击下载即可。
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第1张图片

2.2 安装

整个安装过程很简单,直接下一步即可。
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第2张图片

3. 安装Node.js

PicGo下载Gitee插件前,先下载好Node.js,否则会出现下面的错误。
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第3张图片
Node.js下载链接,根据自己需要下载对应的版本。
整个安装过程也是没什么特别的,直接下一步即可。

【验证】
在这里插入图片描述

4. PicGo下载Gitee插件

  1. 进入插件设置 -> 搜索:Gitee -> 安装
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第4张图片
  2. 安装成功后的界面
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第5张图片

5. Gitee设置

5.1 建立图床库

使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第6张图片

5.2 创建Gitee私人令牌

设置 -> 安全设置 -> 私人令牌
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第7张图片
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第8张图片
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第9张图片
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第10张图片
生成私人令牌后,保存好

6. 配置PicGo

回到PicGo软件,进到:图床设置 -> 选择Gitee图床 -> 如图所示
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第11张图片

6.1 打开Gitee之前创建的仓库

打开后,从网页的地址上找到两个信息点

  1. owner
  2. repo

【例如】
https://gitee.com/Protector_hui/my-images

所以,我的owner = Protector_huirepo = my-images

6.2 填写完的结果

我仓库中创建了一个images的文件夹,所以path中填写了:images
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第12张图片

7. 查看日志

PicGo设置 -> 点击设置 -> 点击打开,即可看到PicGo输出的日志,遇到什么异常直接上去查看即可。
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第13张图片
使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第14张图片

8. 测试

  1. PicGo的上传区随意上传一张图片,并显示上传成功
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第15张图片
  2. 查看PicGo的相册,可以看到刚上传的图片
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第16张图片
  3. 查看Gitee仓库,也可以看到刚上传的图片
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第17张图片

9. 结合Typora

  1. 打开Typora,文件 -> 偏好设置 -> 图像,如图所示
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第18张图片

  2. 修改配置

    1. 插入图片时无特殊操作改为上传图片
    2. 上传服务改为PicGo(app)
      使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第19张图片
  3. 点击验证图片上传选项
    得到以下图片所示的结果就算成功了
    使用PicGo + Gitee仓库搭建图床,配置Typora实现本地图片自动上传至云仓库_第20张图片

  4. 往Markdown添加图片,再次校验图片上传功能
    可以看到,我们图片的地址不再是我们本地文件了,而是上传后的地址。
    在这里插入图片描述

10. 删除

PicGo的相册中删除图片,也是会自动同步Gitee仓库的,小心使用~

参考

PicGo + Gitee(码云)快速实现markdown图床

你可能感兴趣的:(杂七杂八,PicGo,Gitee,Typora)