高质量图床

与上一篇用网盘当图床不同,本文介绍的图床都是某个网站服务的一个功能,所以不用害怕被网站禁止外链。用户只需上传图片,网站就会提供外链。

 

Contentful


CMS 比如 WordPress 不仅提供后端存储数据,还自带有前端显示页面,而 Headless CMS 只有后端。Contentful 属于一个 Headless CMS,类似一个数据库,用户写入数据,而获取数据则通过它提供的 API 请求。Contentful 还提供 Media 库,可以上传包括图片,PDF 等等各种文件,我们将这些文件发布后就可以得到外链。这就是我们所用的图床。免费套餐有功能上的限制,以及最多可以上传 2 万 5 千个图片,每个图片大小在 50M 以内,流量则是每月不能使用超过 750G。

 

获取图片链接


接下来是注册账号,上传以及发布图片,得到图片外链。

首先到注册页面,除了 EmailPassword 之外,其他的都可以随便填。成功之后在页面上点击中间的 Media,如下图:

点击 Media

 

再点击右边的 Add Asset,然后是 Single asset,这里可以选择上传单个图片也可以一次上传多个图片。

Add Asset

 

将图片拖到这里的空白处:

上传图片

 

等上传完图片显示如下图时,点击右边的 Publish 发布。

得到图片外链

复制左下角下载图标的链接就是图片外链。

Contentful 的外链图片:

Contentful 的外链图片


 

Cloudinary


Cloudinary 与 Contentful 不同,它是专门对图片进行压缩,剪裁,格式转换以及传输的专业服务,所有对图片的操作都能通过修改 URL 参数来实现。这家公司的信誉非常好,很多大公司都在用,包括 SONY。免费套餐包括每月:

  • 25000 次图片操作,比如压缩
  • 或者 25G 的存储空间
  • 或者 25G 的流量

三者搭配使用,只要不超过限量。

类似的网站还有 ImageKit

 

使用 Cloudinary


这里注册。同样的,除了 EmailPassword 之外,其他都可随便填,提交之后需要去验证邮箱。验证过后,就可上传图片了。在网站后台,点击 Media Library,再点击右边的 Upload,可以看到它支持多个途径上传;我们把图片拖拉到中间的空白处:

上传到cloudinary

 

上传之后,回到 Media Library 界面,找到刚刚上传的图片,点击复制图片上的链接图标,如下图:

图片链接图标

 

复制得到的链接就是图片外链,图片如下:

cloudinary 的外链图片


 

Github + jsDelivr


Github 本身是给开发者多人协作编写软件保存代码的平台,很多重要的开源软件都托管在上面。只要代码仓库设置为 Public,那么所有人都能够阅读,仓库里保存的图片也是能公开访问的。

jsDelivr 则是一个给开源软件包提供传输的 CDN 集合,包括了 Cloudflarefastlybunny.net 等,在国内访问非常快。

 

上传图片到 Github 和 取得 jsDelivr 链接


如果还没有 Github 账号,先去注册一个,然后登录进去,在这里新建一个 repo:

新建 Github repo

 

Repository name 填仓库名,记得选择 Public,可选 Add a README file,最后点击底部的 Create repository
接下来上传图片。在 repo 页面,点击 Add file,再点击 Upload filesgithub repo 页面

 

在出来的页面上,把图片拖放到空白处。由于上传文件也是一个 commit,所以描述一下你做了什么操作。然后点击 Commit changes 提交。

上传图片到 GitHub repo

 

最后就是从 jsDelivr 那里拿链接。首先到 jsDelivr 的 Github 页面,如下图所示:

jsDelivr 的 Github 页面

 

在 Github 下面的框里填上 Github 仓库的图片链接,格式如下:

https://github.com/USERNAME/REPONAME/blob/BRANCH/FILE
# USERNAME: 用户名
# REPONAME: 仓库名
# BRANCH: 分支,默认是 main
# FILE: 文件路径及文件名

# 例如:
https://github.com/fogfeb2/image-for-view/blob/main/eng.jpg

填了 Github 图片链接之后,就得到了 jsDelivr 相应的链接了。如下:

https://cdn.jsdelivr.net/gh/fogfeb2/image-for-view@main/eng.jpg

jsDelivr 的外链图片:

jsDelivr 的外链图片