WordPress 配置七牛云 CDN 具体操作

WordPress 配置七牛云 CDN 具体操作:

1. 前言

前段时间突发奇想把原先挂再 Coding 上的 Hexo 博客迁到 WordPress 上了,反正阿里云送的服务器闲着也是闲着,于是就搭了一个 WordPress 博客,这个过程中遇到了好多坑,有的坑甚至折磨了我一个多星期,本着先照顾自己再关心大众的理念,我打算在我解决这些坑之后留下排坑博文,一来万一以后健忘的我又遇到了类似问题可以有所参考,二来也为之后遇到同类坑的朋友们提供排坑方法,话不多说,本篇博文将具体的讲解 WordPress 配置七牛云 CDN 的具体操作。

注:默认读者懂得基本的 FTP、WordPress 后台管理、域名解析等基本操作。

2. 前期准备

  1. 认证了的七牛云账号一枚
  2. 国内已经备案完成的域名一枚
  3. 已经搭建好的 WordPress 博客平台一个
  4. 带上脑子我们出发了……

3. 七牛云端设置流程

在为 WordPress 配置 CDN 之前我们先需要在七牛云端进行储存空间的基本设置

  1. 新建储存空间

新建存储空间

  1. 绑定域名

绑定域名

绑定域名

  1. 域名解析

我的域名是在阿里云名下,因此此处仅展示阿里云域名解析方法

域名解析

域名解析

  1. 等待添加成功提示

添加成功

  1. 设置镜像源

设置镜像源

  1. 七牛云端设置完毕,跳转到 WordPress 后台

4. WordPress 后台设置流程

  1. 安装插件

搜索并安装图示两个插件,根据需求启动 WPJAM BASIC 插件中你需要的功能,不要忘记开启七牛云镜像云储存,下图为我的配置目录:

插件下载

插件下载

  1. 配置插件

插件设置

插件设置

插件设置

  1. 等待

设置后请等待约 30分钟,而后刷新博客,查看网页源码即可发现,网站中的JS、CSS 和图片的 URL 都转到你设置的 CDN 上了,如图:

效果展示

  1. 设置成功