Typora实现图片自动上传(Windows为例)

1 Typora+PicGo+Gitee

1.1 仓库准备

1. 登录个人gitee仓库

2. 创建用于上传图片的git仓库
   
   建议勾选上初始化仓库或者设置模板, 会自动生成分支, 方便后续设置
   否则需要自行通过git同步来初始上传, 创建分支

3. 点击右上方个人头像, 点击设置按钮

4. 在左侧功能栏中点击私人令牌, 并在右上方点击生成新令牌
   

5. 填写令牌名称, 以及该令牌相关权限(后期可以修改)
   

6. 保留个人令牌
   后续无法再查看令牌内容
   

1.2 PicGo-Core(Command line)形式

1. 按CTRL+","键或点击"文件"->"偏好设置", 点击图像, 服务选择PicGo-Core(Command line), 点击下载或更新

   一般下载在C:\Users\用户名\AppData\Roaming\Typora\picgo\win64 目录
   不清楚的可以点击验证图片上传选项,弹出框上方有标注下载目
   

对于Gitee图床需要安装Gitee的uploader

2. 切换至 PicGO.exe的下载目录, 打开命令行窗口cmd

   输入.\picgo.exe install gitee-uploader安装gitee的 uploader
   

3. 在Typora偏好设置中点击打开配置文件

4. 在配置文件中对gitee上传进行设置

   • repo : 个人用户名/仓库名(无空格), 注意需要时浏览器连接中的仓库地址, 有时个人账户名和个人空间地址不一致
   • branch : 分支名(gitee仓库默认master, 未做修改填写master就行)
   • path : 仓库中子文件夹路径, 没有可以不写
   • token : 创建的token序列(上面生成的)
   • customUrl : 自定义个人域名, 没有可以不写

   {
     "picBed": {
       "gitee": {
         "repo": "*****/images", 
         "branch": "master",
         "path": "images/",
         "token": "****************(自行填充)",
         "customUrl": ""
       },
       "current": "gitee",
       "uploader": "gitee"
     },
     "picgoPlugins": {
       "picgo-plugin-gitee-uploader": true
     },
     "picgo-plugin-gitee-uploader": {
       "lastSync": "2022-07-23 03:35:14"
     }
   }
   
   

5. 在偏好设置中点击验证图片上传选项, 如下图则代表配置成功
   

1.3 PicGo (app)形式

1. 按CTRL+","键或点击"文件"->"偏好设置", 点击图像, 服务选择PicGo(app), 点击下载PicGo(app)

2. 选择所需版本的安装包下载,并安装
   

3. 安装完成后, 点击"插件设置", 搜索Gitee

   PicGO中自带配置有Github等图床, 但Gitee图床需要安装插件
   插件安装需要先安装nodejs, 安装过程不展示

   

4. 在Gitee图床中进行设置
   

5. 在上传区上传图片进行测试, 成功后回到Typora中进行设置

6. 指定PicGO安装路径, 可以进行进一步图片上传验证
   ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/de12a6fbfb1b4e5d8794f236d98683e9.png =460x

2 Typora+PicGo+GitHub

1.1 仓库准备

1. 登录个人Github仓库

2. 创建用于上传图片的git仓库
   

3. 点击右上方个人头像, 点击setting按钮, 在左侧功能栏中点击Developer settings

4. 点击Personal access tokens, 并点击Generate new token

5. 填写令牌名称, 有效时间以及该令牌相关权限
   

6. 保留个人令牌

   后续无法再查看令牌内容

1.2 PicGo-Core(Command line)形式

和gitee类似, 不需要安装额外插

{
  "picBed": {
    "github": {
      "repo": "*****/images",
      "token": "**********************(自己的token)",
      "path": "images/",
      "customUrl": "",
      "branch": "main"
    },
    "current": "github",
    "uploader": "github"
  }

1.2 PicGo(app)形式

和gitee类似

3 图片上传重命名

3.1 Command line 服务下

1. 在PicGO下载目录下安装插件
   
2. 配置重命名格式, 可自行定义
   

"picgo-plugin-super-prefix": {
       "fileFormat": "YYYYMMDDHHmmss"       
},

3.2 PicGO app 服务下

在设置中进行设置

4 图片上传服务设置

按CTRL+","键或点击"文件"->"偏好设置", 点击图像,自行选择所需服务

4 设置出现异常情况

后续补充