一直想给博客搞个图片自动压缩加上传图床的方案,问了下 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 ,配置代理后成功安装。

以下为文章引用:

  1. 安装 Nodejs

  2. 安装 yarn

    npm install --global yarn 
    #查看版本
    yarn -v
  3. 进入 node_modules 文件夹(C:\Users\ 你的用户名 \AppData\Roaming\picgo\node_modules)
    node_modules 文件夹清空。

  4. 科学上网,开启全局代理

  5. 设置 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 统计,如果次数增加了,说明压缩成功了。