侧边栏壁纸
  • 累计撰写 2,058 篇文章
  • 累计创建 73 个标签
  • 累计收到 20 条评论

目 录CONTENT

文章目录

使用七牛做图床

大猿本猿
2022-10-11 / 289 阅读 / 785 字

使用七牛做图床

" "

一 、价格

每个月10G免费流量。

官方说明:https://www.qiniu.com/pricing

image

二、设置

1. 创建对象存储Kodo

登陆控制台--对象存储Kodo--新建空间

image

新建空间访问控制需要设置为【公开】,若是【私有】所有的文件分享都有时间限制。

2. 绑定域名

空间创建完成之后绑定域名,域名有两种类型,一种是【cdn加速域名】,一种是【自定义源站域名】,这里我们创建【cdn加速域名】。

绑定域名的含义:https://developer.qiniu.com/kodo/8622/dev-the-binding-source-domain-name

image

绑定完域名之后即可上传文件进行测试,点击文件详情可以看到外链。

image

3.设置图片样式

新建图片样式名称:

image

设置水印,水印图片不能是设置有原图访问保护的空间中的图片。

image

设置输出格式WEBP

image

预览图片样式:

image

图片样式的使用:

https://img.bigtspace.com/1593391360951.jpg-towebp

自定义域名+图片分隔符(默认-)+图片样式名称

4.空间设置

空间设置中开启原图保护

image

官方介绍:https://developer.qiniu.com/kodo/8616/dev-the-original-image-to-protect

原图保护对整个存储空间内所有的资源生效,开启后,空间内的文件无法直接通过 URL 进行访问,需要配合样式分隔符和图片样式才能访问。

应用场景:

用于控制客户只能访问处理后的资源,如:

  • 对于存储在七牛上的图片资源,只希望客户访问携带水印的图片
  • 对于存储在七牛上的图片资源,进行统一的规格化处理

特别需要注意的是,原图保护是一种空间属性,对整个空间的资源都会生效,因此强烈建议对于开启原图保护的空间只存储需要保护原图的图片文件,其他文件使用其他空间存放。

访问方式:

开启原图(或源文件)保护后,不能通过如下方式访问:

  • http://绑定域名/文件key或相对路径
  • http://绑定域名/文件key或相对路径?操作符/操作符参数

可以通过如下方式进行公开访问(其中加号“+”忽略):

  • http://绑定域名/文件key或相对路径 + 已设定的样式分隔符 + 已设定的图片样式

如配置分隔符为 “-”,图片样式名称为 “watermarked.jpg”,则以下形式的链接可以访问

  • http://(Domain)/(Key)-watermarked.jpg

如果希望对源文件进行访问,可以通过私有链接签名的方式,携带鉴权参数访问,但不建议这样使用。

5.图片访问格式

https://img.bigtspace.com/1593391360951.jpg-towebp

自定义域名+图片分隔符(默认-)+图片样式名称