OSS+CDN +Typora+PicGo，博客顺畅到飞起
看了网上CDN设置资料，满头雾水，记下小白自己的折腾过程，避免遗忘，大神路过指点！
我的博客在阿里云轻量应用服务器，建站程序WordPress，带宽只有 1 M ，平时随手记点东西当做笔记用，几乎没有访问量，但访问速度却慢的感人，尤其是加载图片时经常出现卡顿甚至空白。博客使用的图片放在阿里云OSS，网站只有阿里云OSS图片链接，还是这么慢，受不了，了解到CDN可以提高图片加载速度，手痒了。
没想到说起来容易，做起来磕磕绊绊，一看就会，一做全泪。好在最终搞成了，记录下来别忘了，毕竟不是专业经常搞这些。
先看阿里云文档，都是正确废话。我很崇拜王坚博士，但对博士的崇拜不能增加我对阿里云技术文档的好感，也没有感受到阿里云对小白用户的友好。
Google 一下OSS 和 CDN 资料，有两篇技术博客文章思路和步骤清楚，就参考他们来做，多谢大神。
https://blog.csdn.net/qq_28018283/article/details/78223478
https://www.nndev.cn/archives/1940
先了解下CDN
CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
CDN就是把你网站的图片、视频等资源缓存在CDN服务器，当用户访问你的网站的时候，会先访问CDN资源，这样减少了网站服务器负载，加快网站访问速度，并且因为CDN服务器遍布全国，有助于提高网站服务器在不同地区访问速度。
新建子域名
我的博客网址是https://wayhear.com，要实现网站图片和视频CDN，首先添加 1 个 子域名 blog.wayhear.com，这个子域名就是存储图片和视频的域名。
登录宝塔面板，添加网站：
根目录选择 WordPress 的wp-content/uploads。
子域名还不能直接访问，后面还要解析才能使用。
创建OSS Bucket
在阿里云创建OSS Bucket:
填写Bucket名称，区域选择和网站服务器在同一区域，读写权限公共读。
下图Bucket域名就是我们 CDN 的源站域名：
Bucket绑定用户名：
OSS Bucket 绑定我们设置的子域名 blog.wayhear.com：
CDN配置：
先搞明白几个名词：
加速域名：
加速域名容易理解为我们网站域名，这是错误的。因为我们利用 CDN 只加速网站图片或视频，不是全站加速，我们应该设置子域名来存放图片和视频，加速域名设置为网站子域名来实现网站图片和视频加速。比如我的网站域名是wayhear.com，那么可以设置 blog.wayhear.com作为 CDN 加速域名，使用子域名可以避免后续CNAME解析和A记录冲突。
源站域名
源站域名是OSS的 Bucket的外网域名。
回源HOST：
回源HOST指CDN节点在回源过程中访问的站点域名。当客户访问网站需要的资源如果 CDN 没有缓存，CDN到原始网站寻找资源的过程回源，所以回源主机可以是我们的物理服务器，也可以是OSS Bucket。
这几个名称没搞清楚，CDN 配置容易一头雾水。
登录阿里云控制台 — CDN：
CDN添加加速域名：
加速域名 — blog.wayhear.com，业务类型 — 图片小文件，源站信息 — OSS 域名，下拉列表选择我们新建的 OSS Bucket 外网域名。
回源HOST 填写 子域名 blog.wayhear.com
后续HTTPS证书配置和性能优化按照提示操作即可。
回到CDN控制台概览：
解析设置
复制上图中CNAME值，打开域名云解析，增加记录：
现在我们CDN 加速OSS 内容已经设置好了，使用CMD命令测试下ping blog.wayhear.com:
带有和CNAME相同的w.kunlunca.com, CDN设置没有问题。
现在访问 blog.wayhear.com 域名会首先访问 CDN 服务器缓存，如果没有命中会访问 OSS Bucket , 还没有命中的话理论上会去访问网站服务器 WordPress 的 uploads 文件夹，但是因为我平时就是把图片和视频放在 OSS，所以应该不会存在这种情况。
PicGo设置
最后一步，我的博客网站图片存储在OSS 中域名地址为https://xxx.oss-cn-hangzhou.aliyuncs.com/xxx，这个地址在Wordpress不是通过CDN访问的，只有https:// blog.wayhear.com /xxx 才能走CDN加速。怎么把OSS资源转换为 blog.wayhear.com 链接呢？
我用 Typora 和 PicGo 写博客，是这样设置的：
图床 — 阿里云OSS: 设置自定义域名为：https://blog.wayhear.com
这样 PicGo 上传OSS 图床的MarkDown 链接网址就是 https://blog.wayhear.com/xxx了。
Typora 写完直接以Markdown 格式粘贴到 WordPress 发表，图片内容就使用CDN加速了。