Typora 中 Picgo 配置 Github 图床

本文主要讲解在 Typora 中设置 GitHub 图床
博客地址：欢迎访问

一、Typora 中下载 Picgo-core

• 在 Typora 中，依次打开【文件】-> 【偏好设置】-> 【图像】

  

• 选择PicGo-Core，点击上图中【下载或者更新】，就可以安装

二、新建 GitHub 仓库，并获取 Token

1. 新建仓库：按照下图中的方式新建仓库，用于存放图片

   

2. 依次打开 【setting】 – 【Developer settings】-- 【Personal access tokens】，就可以生成 Token，生成的 Token 一定要记好，因为这个 Token 是不会再一次给你展示的；

   

三、下载 GitHubPlus 并修改配置文件

1. 首先确保电脑中安装了 Node.js；

2. 在终端中使用 picgo -v查看这个命令是不是能用，如果不能使用，可以使用下面命令进行安装：

   npm install picgo -g
   

3. 安装插件：

   picgo install github-plus
   

4. 在 Typora 中，依次打开【文件】-> 【偏好设置】-> 【图像】，【打开配置文件】

   

5. 修改如下配置文件

   • branch: 注意自己 GitHub 仓库是 master 分支还是 main 分支
   • customUrl: 注意将其中的 username 和 repo 修改为自己的地址
   • repo: 也要修改为自己的地址
   • token: 填入之前获取的 token

   {
     "picBed": {
       "uploader": "githubPlus",
       "current": "githubPlus",
       "githubPlus": {
         "branch": "master",
         "customUrl": "https://cdn.jsdelivr.net/gh/username/repo@master", // 使用加速后的github自定义url
         "origin": "github", // 存放的图片类型
         "repo": "code-wd/img_bed", // 存放图片的仓库，注意替换为你自己的仓库
         "path": "imgs", // 存放图片的仓库目录下的文件夹
         "token": "yourToken" // 访问github的仓库的token
       }
     },
     "picgoPlugins": {
       "picgo-plugin-github-plus": true // 启用github-plus插件
       ,
       "picgo-plugin-rename-file": false
     },
     "picgo-plugin-github-plus": {
       "lastSync": "2021-01-25 04:44:23"
     }
   }
   

6. 测试：使用下面的按钮

   

这样就配置结束了，后面在Typora 中的图片点击上传就可以上传到 GitHub 并获取链接