WPJAM Basic 功能详细介绍：CDN 加速

「CDN 加速」是 WPJAM Basic 非常重要的一个功能，我在 WordPress 加速的文章中提到的第一个优化措施「动静态分离」就是使用到这个功能实现的。

解决好静态文件的存储和加速，网站性能就首先能得到基本的保证了，因为网站的静态资源使用 CDN 加速之后，服务器的压力将大大降低，因为访问站点的时候，只有当前页面是在服务器上，其他所有，JS 和 CSS 都是从 CDN 上获取了。

虽然 CDN 的设置很简单，但是很多人还是经常弄错，主要的原因是很多人没有理解 WPJAM Basic 的「CDN加速」功能背后的原理：对象存储的镜像回源功能，所以为了方便理解，建议使用之前一定要首先理解明白对象存储的镜像回源功能的原理。

下面具体说说 CDN 加速的详细功能和使用步骤：

CDN设置

首先选择你使用的云存储，比如阿里云OSS，腾讯云COS，然后输入你CDN云存储提供的测试域名或者在云存储绑定的域名。

关于云存储的设置，我针对不同云存储写了非常详细的教程，建议根据自己的选择阅读，

WordPress 博客使用阿里云对象存储 OSS 进行静态资源 CDN 加速

WordPress 博客使用腾讯云对象存储 COS 进行静态资源 CDN 加速

多说一句：插件后台的阿里云OSS和腾讯云COS这两个链接都是加了推荐的链接，各位老板也可以通过该链接去阿里云和腾讯云购买云存储或者主机给我返佣，总之谢谢，写插件唯一的收入就靠这些。?

本地设置

设置完 CDN 之后，就需要进行本地域名和文件后缀名等一系列设置了，这里设置是最重要的，很多人不生效就是这里设置没理解，所以认真阅读哦，我也尽量写的明白易懂。

首先输入的是本地域名，就是你博客的域名，特别注意的是，一定要把本地域名也填入云存储的镜像源中，「CDN 加速」功能就是靠这里起作用的，程序会把页面中的静态资源地址替换成 CDN 上的静态文件地址，用户访问我们网站看到静态文件就是CDN上的地址，如果CDN上没有这个文件，云存储就会通过我们在镜像源中设置的地址来抓取并保存到云存储中，然后再CDN加速。

然后如果你的站点有些静态资源的链接是 //域名/地址.jpg 这样的无 HTTP 模式，如果需要把这部分静态资源也镜像到云存储，那么就要开启「无 HTPP 替换」这个选项。

接着输入要CDN加速的静态文件的扩展名，默认支持 png / jpg / jpeg / gif / ico 这常用的五种扩展名，如果你想支持 JS 和 CSS 也 CDN 加速，你也可以把 js / css 加入上面。

不过要注意的是：js和css文件CDN加速了之后，你本地修改了，一定要到云存储上去刷新缓存，并且刷新之后本地的链接要加上时间戳参数，因为CDN是有缓存的，不会自动刷新的。

继续输入要CDN加速的静态文件所在的目录，这里的设置和上面的设置会构成一个正则表达式，然后使用这个正则表达式来替换本地的静态文件地址为CDN上的静态文件地址。

因为我们目前已经实现了后台的地址也是用CDN的地址了，所以在编辑内容添加的，或者其他操作的，它们的地址都是CDN的地址，如果你切换了服务，或者 CDN地址换了，那么这些就GG了，这个时候，我还提供了选项，你把所有旧的CDN地址都放到这里，系统会自动把这些所有地址都切换到最新的CDN地址。我是不是很赞，所有的问题都考虑到了。?

设置

设置主要是整合云存储提供的一些处理功能到 WordPress 处理，目前主要分为两大块功能，缩图功能和格式质量的设置

因为云存储已经提供更为强大的缩图功能，这里首先提供一个选项，直接使用云存储的缩图功能，本地就无需再生成缩略图了。然后还可以设置文章中的尺寸，比如我这里设置为600，那么文章中最大宽度为 1200，2倍图高清显示，超过的会被缩放到 1200 宽度，这样就不怕大图花费自己 CDN 流量了。

接着就是格式和质量的一些处理，比如支持将转换成 WebP 格式，经过我测试 使用 WebP 格式可以省一半的流量费，然后还可以设置 JPEG 格式渐进显示，还可以设置的质量，这里建议 70 就好了，基本和原图没有区别，一般肉眼看不出来，但是的大小会下降了很多，可以进一步的降低 CDN 的流量。

水印设置

水印设置，主要用于设置文章中的水印设置，首先要上传一张水印，这种的地址必须使用云存储或者CDN域名下的。然后是水印的透明度和位置边距的设置，非常简单，这里就不做过多的介绍了。

外部

外部这个功能是说，你网站内容中直接引用了其他网站的，你怕这些失效，你又不想人工保存下来，然后上传，这多累啊，所以我们提供了一个外部的功能，帮你一键处理：

这个功能提供两种方式处理远程：

将远程下载服务器再镜像到云存储：会在你保存文章的时候自动执行。

自动将远程镜像到云存储：需要你的博客支持固定链接和服务器支持GD库（不支持gif）。

一般建议选择「将远程下载服务器再镜像到云存储」，开启该功能之后，在文章列表页，每篇文章的操作按钮就有了「上传外部」的按钮：

只要点击该按钮，就会扫描文章中的，然后抓取该篇文章的外部，上传到服务器。

并且该功能支持批量操作，在后台文章列表页选择一批文章，然后点批量操作下的「上传外部」就可以批量上传一批文章的外部。

这个功能的 JS 效果，我做了好久，「上传外部」的操作会一个一个顺序操作，被操作的文章如果不在当前屏幕，屏幕还能自动滚动到相应的位置。我特意做了一个操作演示视频来演示功能，个人感觉还是相当牛逼的：

最后还是要强调一下 WPJAM Basic 插件的「CDN加速」功能利用的是对象存储的镜像回源功能，使用之前一定要明白这点，这里有对象存储的镜像回源功能的详细介绍。