Typora自定义图片图床服务器

发布时间 2023-04-29 14:40:40作者: 小枫同学

0x01 启用picgo

文件-偏好设置-图像-上传服务设定-PicGo-core(command line)

0x02安装插件

打开路径C:\Users\你的用户名\.picgo(其他环境自己百度吧,我这是Windows),然后输入命令(得确保PC已有Node环境,不然npm报没有命令):

npm install picgo-plugin-web-uploader

0x02服务器返回接口配置

我的服务器返回值是:

{
    "status": true,
    "show": false,
    "message": "请求的操作执行成功!",
    "data": {
        "url": {
            "status": true,
            "url": "http://xfstu.com/api/tools/resources/get?query=20230429-644cb7a5b9d7a-2",
            "filename": "typora-icon2.png",
            "time": 1682749349,
            "ext": "image/png",
            "fileid": "20230429-644cb7a5b9d7a-2"
        }
    }
}

0x03配置插件

打开picgo的目录,在 Typora 中安装的 PicGo-Core 通常会被安装在以下目录中:

  • Windows:%APPDATA%\Typora\picgo\
  • macOS:~/Library/Application Support/abnerworks.Typora/picgo/
  • Linux:~/.config/Typora/picgo/

然后输入picgo.exe set uploader,这个时候就可以填配置信息了:

C:\Users\user\AppData\Roaming\Typora\picgo\win64>picgo.exe set uploader
> Choose a(n) uploader web-uploader
> API地址 http://xfstu.com/test
> POST参数名 file
> 图片URL JSON路径(eg: data.url) data.url.url
> 自定义请求头 标准JSON(eg: {"key":"value"})
> 自定义Body 标准JSON(eg: {"key":"value"})
[PicGo SUCCESS]: Configure config successfully!

其中json路径这个根据自己的实际情况来配置。根据我的json结构,应该填data.url.url。然后检查一下第二步中的config.jsoncurrent字段是不是插件名字,即web-uploader

然后再验证一下即可。