WordPress 配置七牛云 CDN 具体操作

文章目录
  1. 1. 1. 前言
  2. 2. 2. 前期准备
  3. 3. 3. 七牛云端设置流程
    1. 3.1. 3.1 新建储存空间
    2. 3.2. 3.2 绑定域名
    3. 3.3. 3.3 域名解析
    4. 3.4. 3.4 等待添加成功提示
    5. 3.5. 3.5 设置镜像源
    6. 3.6. 3.6 七牛云端设置完毕,跳转到 WordPress 后台
  4. 4. 4. WordPress 后台设置流程
    1. 4.1. 4.1 安装插件
    2. 4.2. 4.2 配置插件
    3. 4.3. 4.3 等待
    4. 4.4. 4.4 设置成功

请注意:本文编写于 2017-11-29,其中某些信息可能已经失去时效性。

1. 前言

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

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

2. 前期准备

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

3. 七牛云端设置流程

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

3.1 新建储存空间

新建储存空间

3.2 绑定域名

绑定域名

绑定域名

3.3 域名解析

域名解析

域名解析

3.4 等待添加成功提示

等待添加成功提示

3.5 设置镜像源

设置镜像源

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

4. WordPress 后台设置流程

4.1 安装插件

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

插件下载

插件下载

4.2 配置插件

配置插件

配置插件

配置插件

4.3 等待

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

效果展示

4.4 设置成功