ThinkNotes

Simple is not easy | 化繁为简,知易行难

0%

Blog配置 -- Picgo使用ImgurL图床支持国内访问

Picgo使用ImgurL图床支持国内访问

背景

之前我的markdown文章图床是使用picgo+github图床,但是不搭梯子情况下图片无法访问,其他图床如SM.MS也不可用,阿里云之类的性价比低不可持续。使用cnblogs的话taste太差,综合考虑使用国内图床ImgURL(山寨Imgur)。记录环境搭建的一些问题。

Picgo和插件的安装

  1. 前往Github:https://github.com/Molunerfinn/PicGo/releases 根据你的平台下载最新版本安装。
  2. 前往Node.js官网:https://nodejs.org/zh-cn/ 下载最新版Node.js安装(PicGo插件需要)。
  3. 退出PicGo并重新打开,在插件设置中搜索“web-uploader”插件进行安装,用于支持自定义图床。

如果插件无法搜索到,可能是node环境问题或者GFW问题。下面使用npm命令行手动安装插件。

首先确认node npm环境正常:

1
2
node -v #显示node.js版本 
npm -v #显示npm版本

cd进入到PicGO的数据目录,默认是:C:\Users\{计算机用户名}\AppData\Roaming\picgo

npm换成淘宝的镜像源(必须)

1
npm config set registry https://registry.npmmirror.com

安装web-uploader插件,插件格式都是picgo-plugin-<插件名格式>

1
npm install picgo-plugin-web-uploader

ImgURL注册和获取API Token

在ImgURL注册账号:https://www.imgurl.org/vip/user

在ImgURL用户后台找到API地址/UID/Token三个参数

打开PicGo - 图床设置 - 自定义Web图床

  • API地址:填写ImgURL的API地址,比如:http://imgurl.rss.ink/api/v2/upload

  • POST参数名:填写file,为什么要这么写参考ImgURL API文档

  • JSON路径:填写data.url,参考ImgURL API文档

  • 自定义Body:填写下面的json并修改引号内的值(保留引号)

    1
    2
    3
    script{"uid":"your uid","token":"your token"}
    your uid:改成ImgURL账户的UID
    your token:改成ImgURL账户的Token

可以将其设置为默认图床。

image-20251021131440638

测试图床

Picgo手动上传图片,或者markdown右键粘贴图片,都能在图床后台看到则上传通道正常。

配置图片压缩插件

图片压缩可以减少图床空间占用。

方式一:安装compress图片压缩插件(在picgo AppData数据目录命令行安装,使用阿里源):

1
2
cd C:\Users\cursorhu\AppData\Roaming\picgo
npm install picgo-plugin-compress

压缩算法基于TinyPNG网站,需要先在 tinyPNG注册key,picgo再配置API key。

插件配置参考 picgo-plugin-compress,注意插件设置一定要启用transformer,否则上传图片不压缩。

配置ok后上传测试,速度会变慢因为要压缩,imgURL图床后台看到相同图片压缩后减少了一半的大小;tinyPNG后台看到压缩次数计数(每月额度500)

image-20251021131136891

方式二:安装compression插件,参考picgo-plugin-compression

1
npm install picgo-plugin-compression

配置图片水印插件

图片水印用于文章防盗

1
npm install picgo-plugin-watermark
image-20251021130442219

参考资料

如何优雅地安装PicGO插件?– 陶小桃blog

PicGo + ImgUrl 图床 – 风间小栈

picgo及其常用插件 – boringhex

picgo-plugin-compress