Cloudinary 图床上传配置 MWeb/PicGo

  1. MWeb配置
  2. PicGo快速配置

前言:Cloudinary是一个很棒的云图像存储/处理服务,注册流程友好(但为英文),免费注册即可使用,访问速度也较快,最早是在壁纸应用EarthLiveSharp中了解到的。免费用户即拥有10GB空间(总文件数上限30,000,每月带宽20GB),日常作为图床足够,而且支持多种图像云处理工具,对于public链接直接修改url就能实现。

之前没有搞明白Cloudinary的API使用,一直在网页端手动上传,有点蠢蠢的,直到最近看到了xLsDg的博客:MWeb 使用 Cloudinary 图床,成功配置了MWeb的图床,借鉴参考后又搞定了PicGo的配置,感谢大佬的教程。

MWeb配置

详细设置可前往参考xLsDg的博客

注册并登录Cloudinary,记录或自定义Cloud Name
前往Dashboard,在Account Details点击More,再点击API Base URL右侧url的 “小下三角图标”,复制记录Image upload url(一般为https://api.cloudinary.com/v1_1/[Your Cloud Name]/image/upload)。

再前往Cloudinary的上传设置页面添加Upload preset
自定义或记录 Upload preset name,将Signing Mode改为Unsigned,自定义 Folder 上传文件夹,也可以自行探索其它设置,例如Use filename、Format、Upload Control、控制上传格式、添加Tags等,最后点击 Save 保存。

再到MWeb配置 自定义图床设置:

1
2
3
4
名称:Cloudinary
API 地址:${API Base URL}/image/upload 例:https://api.cloudinary.com/v1_1/[Your Cloud Name]/image/upload
POST 文件名:file
图片 URL 路径:secure_url

另外增加两个 POST BODY 字段:

1
2
upload_preset:${Upload preset name}
tags:browser_upload

最后点击验证即可。

PicGo快速配置

PicGo是一个很棒的图床上传+管理工具,本体虽仅支持7个主流的图床/对象管理服务,但支持插件系统,通过安装插件可以支持或自定义其它图床服务,使用更加便捷。

首先依照前篇注册、登录并配置Cloudinary Upload Preset。

下载安装PicGo最新版本(mac用户下载dmg版本即可,首次如果无法启动,可以前往Application文件夹,右键PicGo.app - 打开 - 弹窗提示仍然打开),在菜单栏右键PicGo图标-打开详细窗口。

搜索安装Web-Uploader插件:

在自定义图床插件中配置,API地址填入自己的Image upload url,post参数填入file,JSON路径填入secure_url,自定义body按示例填入自己的["upload_preset":"YourPresetName"]

最后,右键菜单栏PicGo图标,更改默认图床为 自定义web图床,然后拖动示例图片到菜单栏图标,一切顺利的话应该会收到上传成功的通知。

参考:
xLsDg的博客:MWeb 使用 Cloudinary 图床
Cloudinary API Documentation
另记录一个开源CDN:JSDELIVER