之前写过类似文章：Typecho 图片实现懒加载
今天详细的介绍下具体操作流程
功能简介
云存储是第三方托管的在线存储服务，其在全国乃至世界范围内都有大量的 CDN 节点，用户在访问相关资源时会被分配到就近的 CDN 节点，因此在访问速度上通常比我们单台服务器要好很多。常见的云存储服务有七牛云存储、又拍云存储、阿里 OSS、腾讯云存储等.
简单来说，云存储优化功能，就是可以把网站上除了页面的 HTML 以外的静态资源全都通过云存储进行加载，包括JS、CSS、字体、表情图片文件，以及文章正文内图片、头图等图片资源（第三方的插件里的资源文件不包含在内）
通过云存储加载这些静态图片，可以加速网页的访问速度，特别是对于一些服务器在国外的朋友。
许多网站会同时开启「启用 WebP 图像格式」功能可以在支持 WebP 的浏览器上使用 WebP 格式的图片，可以以较小的图片大小获得相同质量的图片（相较于 JPEG），进一步提升页面加载速度，减少页面大小。
使用说明
1.设置镜像存储
镜像存储服务是一种快速的数据迁移和加速服务。可以帮助用户实现无缝数据迁移。它实现的功能是用户在访问镜像域名上的一个资源时，云存储会先检测该资源在云存储服务器上是否已经存储，如果有则直接返回，没有的话，会根据路径到源站（也就是你的网站）获取对应的资源，然后返回给用户。除了用户第一次访问时要回源速度稍慢，后面就会完整发挥 CDN 的优势，速度都会非常快。
举个栗子，假如我网站的域名是 https://syylw.com，配置的镜像存储域名是 https://pic.syylw.com，那么，在第一次访问下面这个链接时：
https://pic.syylw.com/path/to/whatever/pic.jpg镜像存储就会到下面这个地址获取内容， 然后返回给用户：
https://syylw.com/path/to/whatever/pic.jpg后面镜像存储已经存储了这张图片时，就会直接返回给用户，速度很快。
配置镜像存储的方法如下：
七牛云存储的镜像存储配置
- 登录到七牛云存储控制台
- 选择「对象存储」
- 选择你要操作的空间
- 选择「镜像存储」
- 在「镜像源」处填入回源地址，即你的博客域名
- 保存后等待生效即可。
鉴于目前七牛可能不提供默认的域名，所以你可能需要添加自己的域名以完成操作。
在七牛云存储添加自己的域名需要域名已完成备案。
添加的方法如下：
- 选择空间概览
- 点击自定义域名，然后在弹出的页面中完成自定义域名的添加，需要注意的是，这里域名需要完成备案。在弹出的页面中：
- 域名类型选择普通域名即可
- 加速域名即你要添加的域名
- 通讯协议看你情况，都可以，HTTP 有免费流量，HTTPS 没有免费流量，而且需要申请证书
- 覆盖范围一般选「全球」
- 使用场景选择「图片小文件」
- 高级配置里，开启「图片处理」功能
- 其他保持默认即可
- 然后，按照提示完成域名解析并等待生效即可
- 添加完成后，横线处即你的「 CDN 镜像加速域名」，添加上协议后填入主题外观设置里即可。
又拍云存储的镜像存储配置
首先前往又拍云控制台：https://console.upyun.com/dashboard/
- 选择云产品 - CDN
- 选择创建服务
在接下来弹出的页面中：
- 服务名称：按照要求填写，随意。
- 加速域名：你需要创建的用于加速你博客的域名，一般使用网站域名中的一个子域名，例如：
pic.syylw.com - 应用场景：选择「网页图片」。
- 回源协议：如果你的博客支持了 HTTPS，则选择 HTTPS，否则可以选择 HTTP
- 源站证书校验：不作要求
- 源站地址：填写你的网站域名
- 端口号：保持默认即可。即如果回源协议选择了 HTTPS，则填写 443，如果回源协议选择了 HTTP，则填写
80，当然，如果你清楚自己的服务器的相应情况，则填写对应的值即可。 - 地区选择：全球加速
然后点击「创建」即可。在弹出的页面中，根据提示将你创建的加速域名解析到提供的 CNAME 上。
举个栗子：
我创建的域名是 pic.syylw.com，又拍云提供的 CNAME 地址是 cdn-syylw.b0.aicdn.com，那么，我只要到 DNS 控制台创建一条解析记录，将 pic.syylw.com CNAME 到 cdn-syylw.b0.aicdn.com 后等待生效即可。
配置完成后，将配置的「CDN 镜像加速域名」复制然后准备填入后面的设置中。
后面的操作都非常简单，只要到外观设置里配置相应的设置就可以了。
2.配置 CDN 镜像加速域名
前往 主题外观设置里 => CDN 镜像加速域名 ，配置 CDN 镜像加速域名。
这里的域名就填你第一步配置中的「CDN 镜像加速域名」。
3.配置域名的云存储类型
前往插件设置中，配置选项：
自定义 CDN 域名的是告诉 Mirages 哪个域名是云存储域名，然后他是七牛还是又拍什么的。参照说明配置即可。
如果你使用的是又拍云存储，且你变更了又拍云存储的间隔标识符，则配置第二个设置，否则，第二个设置保持默认即可。
4.开启云存储优化功能
前往 主题外观设置里 => 云存储优化 ，配置云存储优化功能
5.图片加载动画
前往 主题外观设置里 => 图像加载动画 ，开启图像加载动画即可。
