Typora配合上传插件picgo自动上传图床chevereto

typora

上传图片官方文档

这可是喜大普奔的更新啊,vsc一直有各种插件,但是书写体验实在是太差了,没有自动上传图床,本地做笔记还行,写博客真的是麻烦。

windows和linux下目前支持PicGo和脚本上传

PicGo

PicGo有core和gui图形化界面,一下会介绍两种方法,gui操作简单,core占用资源较少,不需要一直开着软件

图形界面版本安装

PicGo图形

选择对应系统的安装包安装即可

命令行版本安装

PicGo-core

  • 没有nodejs环境,使用typora一键安装即可
  • 本机有nodjs环境,直接npm全局安装
1
2
3
npm install picgo -g
# or
yarn global add picgo

插件安装

picgo-plugin-web-uploader

这是一款可以上传自定义图床的插件

1
picgo install web-uploader

参数配置

Windows配置文件在C:.picgo.json

图形版直接图形界面配置

参考配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
"picBed": {
"current": "web-uploader",
"web-uploader": {
"customBody": "{\"key\":\"你的key\"}",
"customHeader": null,
"jsonPath": "image.url",
"paramName": "source",
"url": "http://图床地址/api/1/upload"
}
},
"picgoPlugins": {
"picgo-plugin-web-uploader": true
}
}

图形界面参数对应填写即可,注意custombody不需要转义符

typora

nodejs全局安装配置

typeora一键安装配置

新插件

picgo-chevereto

picgo install chevereto

非魔改版chevereto可以使用新插件,web-upload作为万金油依旧可以长期使用

上传到自己用户名下

复制app/routes/route.api.php到当前文件夹命名为route.xxxxxxxapi.php(xxxx可以自定义)

修改route.xxxxxxxapi.php下图位置为自己的用户名

image-20240823124346825

改为私有化的使用个人账号api会无法访问

修改app/loader.php,添加自己的API名称即可

image-20240823124112355