😃在typora编辑文档的时候,实现复制粘贴自动上传到兰空图床
上期视频讲到了,为了方便自己写博客的时候插入图片搭建了兰空图床,这期视频我们将继续优化兰空图床,在写文案的时候直接复制粘贴图片到文档中,图片将自动上传到图床,省得自己一张一张的上传节省大量时间!!!
下面的提到的工具、软件如果有下载困难的,我已经打包上传可以自行点击下载
💪💪环境说明
- 首先你已经根据上期视频搭建好了兰空图床,当然你也可以使用其它图床,包括阿里云COS、腾讯云COS、又拍云、GitHub、SM.MS等多个图片存储服务!
- 选择你的文档编辑器,需要支持picgo!!比如我正在用的:typora,以及vscode都是可以的
- 需要安装picgo客户端、、Node.js环境!
💪💪安装picgo客户端、Node.js环境
-
PicGo是一款开源的图片上传和管理工具,它提供了简单易用的界面和丰富的功能,支持快速上传图片并自动获取图片链接,支持多种操作系统,包括MacOS、Windows和Linux。
-
从官网网址下载picgo、Node.js客户端,并安装!我的是windows电脑,下载.exe文件直接双击,下一步下一步,其它系统的在官网找到安装包自行下载安装!
- 我这边提供常用的目前最新的版本2.4.0-beta.8国内下载地址:
👇👇👇👇
-
安装好node.js,在电脑cmd命令行输入“node -v”,显示版本号表示安装成功
- 安装好picgo,打开软件,我们发现在图床设置中并没有兰空图床的设置选项
- 我们需要安装兰空图床插件,滚动鼠标滚轮,下拉,点击下面的插件设置,搜索“lankong”并安装插件
- 安装完插件,图床设置列表中就会有兰空图床的设置选项了
💪💪获取兰空图床tocken,并填写picgo配置信息
-
首先我们先打开自己的兰空图床,进入接口选项,复制接口URL
-
发起请求,生成token,这边推荐postman在线工具,只需要用邮箱注册一下就能免费使用。像是这样的接口测试工具还有很多,比如reqable,但这个需要下载软件。下面是postman获取tocken方法:
- 你们显示的界面是英文的,我是翻译过来的,你们对着图片上的中文注册一下,登入后创建一个请求
- 修改请求类型为:
POST
,并填入我们的请求 url:刚刚在图床复制的接口URL后面加上 /tokens
- 然后我们在头(
Headers
)里面,设置请求头KEY为Accept
,值为application/json
,如下图:
-
在请求体(
Body
)中,我们分别填入邮箱和密码的KEY和对应的值。KEY按照我们示例的填写,分别为:
email
和password
值VALUE为您的图床注册邮箱和您的登录密码,如下图:
- 填好之后,就可以点击右边的
Send
按钮,发起请求:
- 稍微等待一会,在下方就可以看到返回的结果,
token
的值就是我们需要的内容了。
- 打开下载好的picgo客户端,在图床设置列表中选中lankong,按找下图,填入配置信息。
![image-20241127111631848](https://i-blog.csdnimg.cn/img_convert/63a203595318c49402674db170464ba4.png
- 🤩至此picgo配置结束
💪💪typora文档编辑器的设置
- 我是用typora写markdown,当然你也可以使用其它的支持picgo的编辑器
- 点击typora左上角的三条杠,进入菜单,点击偏好设置
- 在图像设置选项中,按下图设置上传服务,填写picgo的安装路径即可!
🤩现在,你只要复制图片到typora他会自动上传到你的兰空图床了