源站类型就OSS域名，地址是刚才已经添加的OSS节点amscdn的外网地址（注：内网地址是否更快或者是否有效未知，按照技术上的理解，CDN的源站即使在阿里云内网也起不到加速作用，因为是全国分布读取的）

添加完成，下面进行配置

这里只配置了GZIP智能压缩，其余的配置不是特别熟悉和了解，如需配置建议深入了解过后再行设置

HTTPS安全加速在下一段中会单独来说

这时候进入阿里云的域名解析菜单中的CDN加速选项

可以看到有一个一键配置CNAME的按钮，点击后就会自动增加相关的CNAME解析

5、测试是否成功

到这里就完成了基本的配置，下面试一试是否成功，进入OSS的管理菜单

先到OSS节点amscdn中上传一个CSS文件MicrosoftYaHeiFix.css

6、继续添加HTTPS访问支持

HTTPS的潮流已经不可逆转，在这里我们也装个逼，添加对HTTPS的支持，不得不说，在这些细节方面，阿里云还是蛮不错的（比如微软云中国，在6月之前就只能通过后台客服手动添加证书去支持HTTPS）

点击刚才的HTTPS安全加速，按照如下进行配置，这里的证书内容和私钥，可以问SSL证书发行商要（这里有个大坑，后面会说到）

配置好以后显示已经启用了HTTPS安全加速

查看一下证书

7、放入博客园代码中查看效果

刚才的代码是对页面中所有字体都统一为微软雅黑，在博客园的设置中加入如下一段

保存后刷新博客页面，可以看到确实都变成了微软雅黑

8、通过OSS管理工具资源文件进行管理

以上是整个配置和调试过程，下面才进入正题，在日常的开发和网站运维中，有如下场景是可以使用CDN进行加速的

1、购买的第三方前端商业框架或者公司自有封装好的前端框架。此类场景中，框架核心文件基本不会有大的修改，可以稳定的运行于CDN上

2、常用JS插件。文件处理、分页、表格处理等常用JQuery插件或者Bootstrap插件，可以稳定的运行于CDN上

3、固定的媒体文件。网站Logo、广告位图片、Banner图片等，可以稳定的运行于CDN上

既然有这么多文件需要进行加速，那么有序、便捷的管理就特别重要，由于所实践的项目并不是很大，因此采用如下两种管理方式

①使用阿里云官方提供的OSS客户端工具进行源文件管理

②使用阿里云网站在线CDN刷新功能进行日常CDN资源的刷新

首先去阿里云云市场购买价格为0元的OSS客户端工具，地址是：https://market.aliyun.com/products/53690006/cmgj000281.html?spm=5176.730005.203.4.sNXFiY

然后在ECS服务器上安装软件并使用阿里云Access Key ID和Access Key Secret登录，这里选择的就是刚才的华东2区域（上海）

注：为了提高上传速度（内网上行带宽可达到100M以上），这里我们已经有了和OSS在同一个内网区域的ECS服务器，如果没有也没关系，就在本地电脑使用就行了

软件会要求设置一个6位快捷数字密码

软进去后可以看到，刚才添加MicrosoftYaHeiFix.css文件已经在里面了

我们分别新建两个文件夹，叫Template和Library，分别用于存储固定模板和第三方JS插件，拿出准备好的Unify模板，最新版本号是1.9.4，所以文件目录这样建

将Template目录上传

再试一下在Web开发中的效果，选取一个模板中页面

这个页面采用的是本地资源文件存储方式，现在我们新建一个页面，CDNTest.html，复制完全一样的HTML代码，只是将所有资源文件都替换为已经生效的CDN地址

至此，对模板库CDN加速的配置，算是成功了

9、对博客园加入对Windows Live Writer代码高亮插件wlwsyntaxhighlighter的支持

上一段中，添加了一个Template模板库，下面再试试添加一个插件，正好需要在博客园写博客是需要代码高亮的，就拿这个做实验吧

wlwsyntaxhighlighter在官网介绍中的使用方法为：

那么我们先将插件上传到OSS中

然后将如下代码添加到博客园个人设置中

 

保存， 然后在Windows Live Writer中添加一段代码，看看效果如何

。。。。。。。。。。。。。。。