开发者社区> ryomahan> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

WordPress 配置七牛云 CDN 具体操作

简介: WordPress 配置七牛云 CDN 具体操作
+关注继续查看

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

1. 前言

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

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

2. 前期准备

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

3. 七牛云端设置流程

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

1. 新建储存空间

新建存储空间

2. 绑定域名

绑定域名

绑定域名

3. 域名解析

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

域名解析

域名解析

4. 等待添加成功提示

添加成功

5. 设置镜像源

设置镜像源

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

4. WordPress 后台设置流程

1. 安装插件

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

插件下载

插件下载

2. 配置插件

插件设置

插件设置

插件设置

3. 等待

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

效果展示

4. 设置成功

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
好程序员web前端技术之CSS3过渡
好程序员web前端技术之CSS3过渡,css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值 transition-property:检索或设置对象中的参与过渡的属性tran...
849 0
CSS
CSS (Cascading Style Sheet). CSS嵌套在HTML网页里用来扩展HTML的功能,可以重新定义HTML元素的显示方式。CSS能改变的性质有字体、文字间的空间、列表、颜色、背景、Margin和位置。
1262 0
+关注
ryomahan
以此为趣,乐在其中。
7
文章
3
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载