引言
纯前端的网站，如果全部走源站，访问速度会比较慢，除非服务器的带宽比较高，而这服务器的费用也会比较高。为了获得最理想的访问速度，最好的方式就是将静态页面全部上线到cdn，以此加快访问速度。
我亲测了自己做的网站，源站访问首页全部加载完，大概要10s，上线到cdn后，只有0.8s，提升了12.5倍，效果非常明显。下面我将用自己的经验尽量通俗地讲解如何上线cdn，这里以七牛云（每月免费10g流量）为例，其他的应该差不多。
为了讲解方便，假设你的域名是abc.com,你要加速的域名是static.abc.com，访问源站的域名为yz.abc.com
创建一个访问源站的二级域名
在域名供应商处创建一个访问源站的二级域名，如yz.abc.com
以阿里云域名解析后台为例。
选择添加记录，记录类型为a,主机记录为yz.abc.com,解析路线默认，记录值为服务器所在的公网ip。点击确定，即可完成。
然后在服务器上配置nginx，当访问yz.abc.com时返回给浏览器的内容。
注册七牛云
首先注册用户名，然后进入控制台
七牛云创建存储空间
点击左侧 对象服务，进入存储空间列表。默认是没有开通任何存储空间的。
点击左侧 新建存储空间，进入新建存储空间页面。
- 存储空间名称： 输入你想取的名字，等会儿我们要用到这个名字
- 存储区域：按照默认
- 访问控制：这里选公开空间
点击创建即可。
cdn厂商创建cname
在左侧点击“融合CDN”,进入如下页面。
- 点击域名管理，点击左上角
添加域名,进入域名添加页面。
图片.png - 域名类型：选择“普通域名”
- 加速域名：如果你想访问
static.abc.com时，cdn帮你加速，那么此时加速域名应该填入static.abc.com。 - 覆盖范围：根据实际情况，默认中国大陆
- 通信协议：根据实际情况选用，这里选择http即可。
- 使用场景：按照实际情况，这里选择图片小文件
- 源站配置：
-- 七牛云存储：选择我们第二步创建的云存储空间
-- 源站域名： 选择第一步我们创建的域名yz.abc.com
-- 加速域名：填入static.abc.com
-- 源站测试：填入可以访问的文件，如index.html
当然源站配置这一步也可以在创建cname完成后再来设置。
创建完成后，稍等10-20分钟，七牛云就会完成域名的创建。然后你会等到一个cname值，如static.abc.com.qiniudns.com。
域名厂商解析cname到上一步的cname地址
重新回到阿里云域名管理后台，点击添加记录，记录类型选择cname，主机记录为static.abc.com,记录值为上一步七牛云提供的static.abc.com.qiniudns.com。点击确定。
访问
此时访问static.abc.com，就能看到页面内容了。前面几次可能会比较慢，因为cdn上还没有缓存，需要去源站取文件。后面几次就比较快了。
打开控制台，看看文件的Remote Address，其ip值是否等于服务器的ip。如果相同，表示还是走源站，cdn没有加速成功。如果不相同，再看是否有如下图的标示。如果有标示cdn加速成功
访问yz.abc.com,对比和前面的访问速度，可以发现慢了很多。再对比它们文件的来源，发现来源ip地址不一样。
总结
上面就是教你如何将一个静态页面上线到cdn的过程。涉及到域名解析（a记录、cname）、cdn加速、云存储等相关知识，希望对大家又帮助。喜欢的话点个赞。
