轩枫阁

首页 / WordPress / wordpress博客接入七牛CDN

wordpress博客接入七牛CDN

前言

博客往往带有很多的配图及资源文件,使用CDN可以对资源文件进行加速,加快访问速度。

有很多网站提供云服务,这里介绍的是结合七牛CDN云服务,将图片、JS、CSS等资源文件进行加速。

同时七牛有免费提供10G存储空间、每个月10G的HTTP国内下载流量、10G海外下载流量,同时有图片处理,可以加上水印,可以基本满足需求。

接下来将介绍如果处理七牛和域名相关配置,将资源文件转至CDN。如轩枫阁将js|css|png|jpg|jpeg|gif|ico等文件请求由www.xuanfengge.com替换为cdn.xuanfengge.com

一、配置七牛

1.1 添加对象存储

create-store

1.2 设置镜像源

mirror-store

1.3 添加绑定加速域名

create-domain

二、配置CNAME

配置CNAME的目的在于,可以将本站的子域名请求指向至其它域名处理。

比如请求cdn.xuanfengge.com而指向至七牛的CDN服务器,并缓存返回相关资源。

  1. 登录域名服务商
  2. 解析域名,添加CNAME
  3. 重新解析,一般解析时间为10分钟
  4. 具体可参考七牛官方文档:https://support.qiniu.com/hc/kb/article/68977

cname

set-domain

store

三、替换url

将页面中的资源文件URL替换成CDN域名即可,具体步骤如下:

在functions.php文件中添加以下代码

更新文件,查看图片URL是否生效

四、注意点

  • 如果将JS、CSS文件进行CDN加速,最好将发布的资源文件加上md5版本号,否则需要手动刷新缓存新文件才会生效。
  • 可以自行设置robots.txt

本文标题:wordpress博客接入七牛CDN - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,欢迎打赏
赞  赏
赞赏作者 urnotivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
40/470
42/470

相关阅读

文章评论

  • 我自己的wp站服务器不行,没这么些

  • 博客做的真漂亮!博主不愧为前端工程师,我要向博主学习!

  • 真好用,之前一直用插件,很麻烦

  • 图片文件怎么弄到七牛上去 要手动传入吗 还是可以在wordpress后台去上传

    • 图片就写文章的时候上传就好了,七牛会对图片做镜像。访问文章的时候,如果还没有对应的图片,七牛就去源站下载。

  • 博主的友链打不开啊

  • 叼啊

  • 卧槽,牛逼啊

  • 我也没有用过!

  • 没有用过七牛

  • 挺好的,感谢博主的分享。

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子