一直想给博客搞个图片自动压缩加上传图床的方案,问了下 Deepseek 决定用最简单的 PicGo 加插件的方法,然而还是踩了不少坑…
之前一直用的是 Imgurl.org 的图床,而 PicGo 只支持 Imgur 图床…
而我也不想搬,就想办法通过插件添加自定义 web 图床。
发现 PicGo 的插件页面,搜索插件没显示,开了代理也不行,发现很多人也 Issue 了这个问题。
于是选择本地安装 Web-uploader 插件,成功安装。
由于 Imgurl 相关文档不清晰,自己也纯小白不懂太深奥的东西,导致看不懂应该怎么配置,于是翻了别人配置其它图床的文章照猫画虎,成功用上了。
(JSON 路径的 data.url,一开始没填,导致成功上传到图床后,在 PicGo 相册中不显示)
自定义 Body :
{"uid":"你的uid","token":"你的token"}
API 信息可以在 Imgurl.org 后台查到。
既然图床搞定了,就到压缩插件了
一开始选择了这个 picgo-plugin-compress 插件,先是遇到无法本地安装,使用 npm 安装也失败,废了一番功夫装上后,接入 TinyPNG 的 API 后发现无法上传图片,查看 Issue 后发现已经无法使用,于是使用了另一个大佬的接力项目 picgo-plugin-compress-next
在安装时依然安装失败,于是参照这个大佬的方法,通过安装 Yarn ,配置代理后成功安装。
以下为文章引用:
安装 Nodejs
安装 yarn
npm install --global yarn #查看版本 yarn -v进入
node_modules文件夹(C:\Users\ 你的用户名 \AppData\Roaming\picgo\node_modules)
把node_modules文件夹清空。科学上网,开启全局代理
设置 yarn 代理:
yarn config set proxy http://127.0.0.1:10809 yarn config set https-proxy http://127.0.0.1:10809
最后输入
yarn add picgo-plugin-compress
(此处因为改用 picgo-plugin-compress-next 所以应改为:)
yarn add picgo-plugin-compress-next
成功后记得删除代理
yarn config delete proxy
yarn config delete https-proxy
然后需要在 PicGo 的插件页面中找到 compress-next 的插件,点击齿轮图标,点击: 启用 transformer - compress-next
测试上传一张照片
在 Tinypng 网站查看 Account Page API 统计,如果次数增加了,说明压缩成功了。
