序:七牛云存储可以方便的将网站的图片等数据镜像到七牛云存储的空间,直接从云端将数据返回给用户。这样可以大大节省网站的空间,提升网站的访问速度。

真正显示一键实现WordPress博客静态文件CDN加速。下面主要介绍一下WordPress中七牛云存储插件的使用。

一、申请七牛云存储的账号

首先需要申请七牛云存储的账号,申请好后,点击创建空间,选择空间类型为公开空间,提交

二、配置空间

配置空间,点击一键加速网站。

镜像源填写自己网站域名。确认加速。

这里的robots.txt配置文件内容为:

# robots.txt generated at http://portal.qiniu.com
User-agent: Baiduspider
Disallow: /
User-agent: Sosospider
Disallow: /
User-agent: sogou spider
Disallow: /
User-agent: YodaoBot
Disallow: /
User-agent: Googlebot
Disallow: /
User-agent: Bingbot
Disallow: /
User-agent: Slurp
Disallow: /
User-agent: MSNBot
Disallow: /
User-agent: googlebot-image
Disallow: /
User-agent: googlebot-mobile
Disallow: /
User-agent: yahoo-blogs/v3.9
Disallow: /
User-agent: psbot
Disallow: /
User-agent: *
Disallow: /

三、安装“七牛镜像存储 WordPress插件”

进入后台搜索添加七牛镜像存储 WordPress 插件,选择安装。

 

点击安装之后,奇怪的是会让你输入ftp用户名和密码(我朋友安装时说不需要,我就很奇怪了)。

这个问题需要解决啊。。。。

终于找到原因了。。是因为apache对目录没有写权限,所以让输入ftp用户名和密码。我登陆服务器执行下面命令就解决了

chown -R apache /目录 #将目录的权限交给apache用户(apache服务器的默认用户就是apache)

再次安装,不用输入ftp用户名和密码了,看到下面界面真开心。

四、配置七牛云存储插件

进入七牛设置:

七牛绑定的域名获取在你的空间-》空间设置-》域名设置中可以看到。

七牛空间名就是空间名。

五、解释一下为什么安装七牛云存储插件后,别人访问你的博客速度会变快

安装七牛云存储插件之后,主要有两个优点:

1、节省本地硬盘空间

当你安装七牛云存储插件之后,七牛会将你的网站上的静态文件如图片,css文件,视频文件等镜像一份。

然后插件会将你网站上的静态资源链接替换成七牛的静态链接。

为了验证七牛改了链接,我将七牛镜像存储的七牛设置中的七牛绑定的域名改成一个错误的地址:

之后访问网站首页,发现所有的图片文件和CSS文件(负责渲染DOM)都无法加载,导致页面奇丑无比,请看:

可以发现好多图片都被别名取代,正常访问的页面如下所示:

2 利用CDN技术进行网站加速

虽然七牛给你的链接地址只有一个,但是你在不同地域访问时,定向的主机确不是同一个,也就意味着七牛镜像是多份,而不是只有一份。

做个试验试一下,分别用我本地机器(深圳)、深圳的云主机、香港的云主机做测试,利用ping命令获得IP地址,并通过百度查IP地址所在地。

(1)本地机器,IP地址为深圳地域 长城宽带

(2)深圳云主机,ip地址为广东惠州 电信

(3)香港云主机,ip地址为江苏省淮安市 电信

拿百度做个对比,百度应该也是做了CDN加速的。测试一下:

(1)本地机器

第一次ping,ip地址显示北京市 百度

第二次ping,ip地址显示北京市 百度

(2)深圳云主机

第一次ping,IP地址显示浙江省杭州市 电信

第二次ping,IP地址显示浙江省杭州市 电信

(3)香港云主机

第一次ping,IP地址是显示江苏省南京市 电信

第一次ping,IP地址是显示北京市 电信

百度的服务器就更多了,所以很容易ping两次就得到两个不同的ip,CDN的本质就是选择离用户最近的宽带网络。从而达到更快速度返回请求。

优点:

1、针对图片较多、视频很多的网站,利用七牛云存储加速效果明显。

2、利用的技术就是CDN技术

缺点:

1、如果七牛服务挂掉,你的网站静态资源就无法加载。

2、如果图片全部使用七牛地址,我将失去图片搜索带来的潜在流量

当然如果你觉得你的硬盘够大,那么你可以选择性的将大文件(视频文件、大的pdf文件,word文档等的放到CDN上(七牛云存储))

最后,打个广告哈

附上七牛的推广链接,欢迎大家注册。

https://portal.qiniu.com/signup?code=3lb4ijtrrok0i

如何在WordPress中使用七牛云存储的更多相关文章

  1. 在 Laravel 5 中集成七牛云存储实现云存储功能

    本扩展包基于https://github.com/qiniu/php-sdk开发,是七牛云储存 Laravel 5 Storage版,通过本扩展包可以在Laravel 5中集成七牛云存储功能.   1 ...

  2. 在 Laravel 5 中集成七牛云存储实现云存储功能(非上传)

    本扩展包基于https://github.com/qiniu/php-sdk开发,是七牛云储存 Laravel 5 Storage版,通过本扩展包可以在Laravel 5中集成七牛云存储功能. 1.安 ...

  3. Android开发中使用七牛云存储进行图片上传下载

    Android开发中的图片存储本来就是比较耗时耗地的事情,而使用第三方的七牛云,便可以很好的解决这些后顾之忧,最近我也是在学习七牛的SDK,将使用过程在这记录下来,方便以后使用. 先说一下七牛云的存储 ...

  4. Django项目使用七牛云存储图片

    Django项目使用七牛云存储图片 最近,写了一个django项目,想在项目中使用七牛云存储上传图片,在网上搜索到django-qiniu-storage,查看文档,按步骤居然设置成功了. 安装 1 ...

  5. wordpress使用video.js与七牛云存储实现无广告视频分享应用

    video.js是一款极受欢迎的基于HTML5的开源WEB视频播放器,其充分利用了HTML5的视频支持特性,可以实现全平台的无视频插件播放功能,对于现在流行的手机.PAD等移动智能终端有极佳的应用体验 ...

  6. WP集成七牛云存储(原创)

    借助:七牛镜像存储 WordPress 插件 https://wordpress.org/plugins/wpjam-qiniu/ 安装本插件1.4.5及以上版本,请先安装并激活WPJAM BASIC ...

  7. Go语言实战 - 网站性能优化第一弹“七牛云存储”

    由于用户纷纷反应山坡网的打开速度比较慢,所以两天前我们决定把服务器从linode迁移到阿里云. 整个迁移过程非常平滑,基本上一个小时就完成了.而且阿里云的配套设施提供的也很不错,运行状态监控什么的都有 ...

  8. JavaWeb结合七牛云存储搭建个人相册服务

    JavaWeb结合七牛云存储搭建个人相册服务 一.引言1. 课程概述 相信很多人都知道网站一般会有很多图片,对于小型网站来说,图片放在网站服务器上不算什么,但当图片数量很大时,会造成服务器很臃肿,相应 ...

  9. 《介绍一款开源的类Excel电子表格软件》续:七牛云存储实战(C#)

    两个月前的发布的博客<介绍一款开源的类Excel电子表格软件>引起了热议:在博客园有近2000个View.超过20个评论. 同时有热心读者电话咨询如何能够在SpreadDesing中实现存 ...

随机推荐

  1. 从实用主义深入理解c++虚函数

    记得几个月前看过C++虚函数的问题,当时其实就看懂了,最近笔试中遇到了虚函数竟然不太确定,所以还是理解的不深刻,所以想通过这篇文章来巩固下. 装逼一刻: 最近,本人思想发生了巨大的转变,在大学的时候由 ...

  2. Java学习笔记(十七)——java序列化

    [前面的话] 做项目总是要用到很多东西,遇到一个新的知识,并不是这个知识出来的时间短,而是对于自己来说是新的,所以就需要自己去学习,希望今后可以提高学习的效率. 这篇文章是关于Java 序列化的,选择 ...

  3. [BZOJ 1055][HAOI2008]玩具取名(DP)

    题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1055 分析: 比较难想的dp f[i][j][c]表示i..j能否压缩成字符c 那么怎 ...

  4. 3、面向对象以及winform的简单运用(类的初步认识)

    什么是类? “类”是面向对象编程的基本单元,一个类一般包含两种成员:字段和方法——即变量和函数. 例: //字段或变量的定义 public int age; //方法或函数的定义 public int ...

  5. go语言指针符号的*和&

    先看一段代码 先放一段代码,人工运行一下,看看自己能做对几题? package main import "fmt" func main() { var a int = 1 var ...

  6. git使用问题汇总

    2015.11.29 一.git clone 出现如下问题: 解决方案:添加一个ssh keys.步骤如下: 1.生成一个ssh-key(图片来自网络) 2.找到“Your identificatio ...

  7. bootstrap 多个 modal 相互遮挡

    当一个页面有多个modal时,他们的z-index都是相同的,会产生一个模态框被另一个挡住,失去焦点 此时在模态框的div上加入style="display: none;"就可以.

  8. new-nav-html

    <header id="masthead" class="masthead" role="banner"> <h1 cla ...

  9. PowerDesigner-制作Word导出模版

    定制导出模版 当然这不是我们想要的word,下面看如何做一个自定义模版 1. 在工具栏中选择[Report -->Reports],如下图 点击第二个图标创建一个Template,如下图 2. ...

  10. Java-ArrayList和Vector的区别

    这两个类都实现了List接口(List接口继承了Collection接口),他们都是有序集合,即存储在这两个集合中的元素的位置都是有顺序的,相当于一种动态的数组,我们以后可以按位置索引号取出某个元素, ...