适用情况

其他方式的介绍：

1. 选择 typora 图片上传服务第三项：最简单，网上很多基于 picgo 的界面进行图床配置
2. 第二项：从 typora 安装 picgo，稍微麻烦，对纯命令行配置的文章很少，参考链接1
3. 第四项：很麻烦。本文适用于这种直接从 npm 安装配置 picgo 的方式，且从头梳理了所有环节。
   这种方式和上一种方式实质上没区别，但是我个人觉得 既然都要基于 npm 来配置 picgo，为何不一开始就从 npm 开始呢，尤其是 JS 已经十分流行，电脑安装了 npm 是很常见的 hhh
   

下载安装 typora

官网下载地址：https://typora.io

安装 picgo (core)

1. 前提是安装好了 nodejs，命令行能运行 npm
   具体说明可以参考：此处廖雪峰博客
2. 在 cmd 窗口运行 npm install picgo -g

安装 picgo 插件

1. 用于使用gitee作为图床 和 上传图片时能在文件前缀加上时间戳

picgo install gitee-uploader super-prefix

2. 使用 picgo use plugins ，按空格键和上下方向键选择 gitee-uploader

初始化 gitee 仓库

用 gitee 作图床主要原因是国内访问快，并且免费。但是 git 配置会繁琐一些。

1. 注册/登录 gitee，在【设置】-【安全设置：私人令牌】新增一个令牌
   
2. 点击提交之后把 token 复制下来，这个 token 只会出现这一次，丢了就再生成新的令牌
3. 创建一个新的仓库，必须是公开的，因为 markdown 需要外部访问才能显示出图片
4. 如果需要把图片上传到一个文件夹的话，需要用使用 git （没有安装git需要安装一下，再次参考此处廖雪峰博客） 把仓库clone 到本地，新建文件夹，且新文件夹下随便创建一个文件，再提交

git clone https://gitee.com/用户名/仓库名.git
cd 仓库名
*********** 新建文件夹 img，且在 img 文件夹里面随便创建一个文件，如 txt 文件 ***********
git add .
git commit -m "新建文件夹"
git push

push 可能会失败（按照错误提示百度即可），但更可能是提示你要输入用户名密码（如果不想输入密码，需要配置一下ssh，具体可以百度）

刷新仓库网址可以看到新建的文件夹就算成功

配置 picgo 插件

PicGo会把插件安装在配置文件所在的目录下。默认配置文件在 ~/.picgo/ 下，所以插件会安装在 ~/.picgo/node_modules/ 下。

具体来说，windows系统 C:\Users\用户名\.picgo 下的 config.json 就是用于上传配置的文件。我们只需要修改此文件即可，填写好 gitee 下面的信息保存即可。

{
  "picBed": {
    "uploader": "gitee",
    "current": "gitee",
    "transformer": "path",
    "gitee": {
      "repo": "", // 仓库名，格式是 user/repo 必填
      "token": "", // gitee 私人令牌 必填
      "path": "", // 自定义存储路径，比如 img/ ，但是前提是仓库有这个文件路径，如 user/repo/img
      "customUrl": "", // 没有自己的域名的话，可以默认为空就行； 如果自定义域名，注意要加http://或者https://，
      "branch": "" // 分支名，默认是 master
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "prefixFormat": "YYYY-MM-DD HH-mm-ss_"
  }, //super-prefix插件配置: prefixFormat 或者 fileFormat，注意别使用:（英文的冒号）在文件名里面，因为更新仓库到本地时会失败，windows不支持含特殊符号的文件名
  "picgo-plugin-gitee-uploader": {
    "lastSync": ""
  }
}

配置 typora

打开 typora，选择【文件】-【偏好设置】-【图像】

1. 插入图片时选择 上传图片
2. 上传服务选择 custom command，自定义命令输入 安装路径/picgo u
3. 点击 验证图片上传 可以试一下成不成功

插入图片下勾选 “对本地位置图片” 和 “对网络位置” 应用上述规则会把 typora 打开的 markdown 里的图片都上传到 gitee 仓库

picgo 安装路径在 windows 下可以 输入 where picgo 找到，所以自定义命令那里输入 C:\Users\Administrator\AppData\Roaming\npm\picgo u

看到 验证成功 即可（或者截屏之后 在命令行输入 picgo u 也可进行成功验证）

参考链接

1. Typora自动上传图片配置，集成PicGo-Core，文件以时间戳命名
2. PicGo-Core-Doc commands