最近发现一款好用的markdown软件Typora,奈何家里电脑写了本地文档上传到云盘上,公司电脑打开发现图片没有同步过去。所以就萌生了将图片上传到云上,这样本地写完文档同步到云盘上,在哪打开都可以看了。
搜索发现Typora是支持自动上传图片的,有PicGo和原生对PicGo-core的支持,开始下载了PicGo发现上传图片Typora经常会再打开一个PicGo,这样导致端口号冲突自动改了端口号,经常出现上传端口号报错。而且使用PicGo程序需要常驻会占用更多系统资源,为更好的配合Typora自动上传和这里我们推荐使用PicGo-core,上传时调用,无需进程常驻。
安装PicGo-Core
因为Typora已经原生支持PicGo-Core, 所以只需要在软件内下载一下就可以了(如下图步骤)
点击红色1,2步骤等待下载安装完成。
安装插件
分别安装smms v2 API,gitee-uploader,github-plus插件来支持smms,gitee,github图床上传。
下载完成后,执行3,这时候一定会失败,是为了看picgo.exe安装路径,我的路径为C:\Users\jaymie\AppData\Roaming\Typora\picgo\win64
打开cmd进入当前路径,并执行安装插件,安装picgo插件之前需要先安装node.js环境,否则报错
cd C:\Users\jaymie\AppData\Roaming\Typora\picgo\win64
.\picgo.exe install smms-user
.\picgo.exe install gitee-uploader
.\picgo.exe install github-plus
配置PicGo-Core
安装完成之后点击红色4的位置, 打开PicGo-Core的配置文件, 按照下面的格式全选替换就行。切换默认上传图床直接设置current和uploader的值就可以。
{
"picBed": {
"current": "gitee",
"uploader": "gitee",
"githubPlus": {
"branch": "master",
"customUrl": "https://cdn.jsdelivr.net/gh/用户名/项目名",
"path": "img/",
"repo": "github用户名/github仓库名",
"token": "自己的token"
},
"gitee": {
"branch": "master",
"customPath": "yearMonth",
"customUrl": "",
"path": "img/",
"repo": "gitee用户名/gitee仓库名",
"token": "自己的token"
},
"smms-user": {
"Authorization": "替换成你自己的token"
},
"transformer": "path"
},
"picgoPlugins": {
"picgo-plugin-gitee-uploader": true,
"picgo-plugin-smms-user": true,
"picgo-plugin-github-plus": true
},
}
注:因国内raw.githubusercontent.com地址被墙,这里github的自定义url为cdn地址"customUrl": “https://cdn.jsdelivr.net/gh/用户名/项目名”
Gitee创建图床
如何创建github项目和gitee项目这里不做过多赘述,网上教程很多。这里只拿gitee做个示例。注意下图框选出的红色区域就可以了。
生成令牌token
需要说明的是不管github还是gitee,gitee这里勾选项目权限,github这里勾选上repo就可以了,token只会显示一次,申请好主意保存下来。
SMMS获取token
没有Authorization的自己申请一个: https://sm.ms/home/apitoken
申请前需要注册一个账号
体验上传
设置好并保存配置文件,再次点击验证图片上传就正常上传了。此时在Typora内拖拽上传图片都会自动上传到图床中了,如果是粘贴的文章,编辑的过程中通过右键点击--上传图片即可