在七牛云存储上部署WordPress站点的教程

所属分类: 网站运营 / 建站经验 阅读数: 120
收藏 0 赞 0 分享

首先我们需要先有一个七牛云存储的账号 七牛云存储网址:https://portal.qiniu.com/
点击此链接申请一个七牛云存储账号,创建一个公开空间,比如我创建一个空间叫 cuiqingcai,和我的域名相对应。
2016711110043378.jpg (700×408)

创建完成之后它就会为我的这个空间分配一个二级域名。我的就叫 cuiqingcai.qiniudn.com
然后我们需要部署我们的网站,点击右边的空间设置,选择镜像存储里面的一键加速网站,这时就需要你输入镜像源,这里就填写你的博客地址,然后勾选下方的使用默认的 robots.txt 配置文件。
Q:为什么要配置 robot.txt 文件?
A:因为你配置了这个网址确定加速之后,七牛会为我们生成一个镜像空间,这个镜像空间的地址就是二级域名地址,我的便是 cuiqingcai.qiniudn.com,你访问之后发现它的内容和我的 cuiqingcai.com 博客网址是完全一致的,这也是为什么把它称为镜像空间的原因。因为内容是一致的,所以会导致搜索引擎对源站 也就是你的域名进行封锁,所以我们可以通过配置 robots.txt 文件避免这种情况的发生。
好,我们继续,点击确定之后我们就能配置好了镜像空间。
2016711110144377.jpg (698×190)

下面还有一个域名设置,它默认会为你分配一个默认永久的空间,比如我的就是 cuiqingcai.qiniudn.com,这个是七牛的二级域名,七牛的一大特色就是支持域名绑定,在这里你可以添加你的二级域名,不过貌似需要你账户余额大于10块,但是它是不收费的。另外的要求就是你的域名需要备案,如果没有备案,那就不行了。
点击下面的申请域名绑定,然后点击新窗口右下角的自定义域名,会出现以下内容。
2016711110206799.jpg (554×282)

比如你就可以在此处输入你自己定义的二级域名加备案号。比如我的输入qiniu.cuiqingcai.com 便可以,然后输入备案号,提交审核需要一周之内。你可以先用着它给你分配的二级域名。
好了,配置好了镜像空间和你的域名(或者用默认域名)便可以配置我们的WordPress了。
登陆wordpress仪表盘后,在浏览器中输入:http://你的域名/wp-admin/options.php,使用Ctrl+F命令找到 upload_url_path 选项,在其中输入http://七牛二级域名/wp-content/uploads ,注意,后面一定不要加“/”,比如我的便输入 http://cuiqingcai.qiniudn.com/wp-content/uploads。最终格式如下图:
2016711110225939.jpg (874×66)

设置之后,点击最下面的确定,这时你发现你的媒体库中的所有的图片的链接格式都已经更改了,已经不是原来的域名链接了。
而变成了七牛云存储你设置的二级域名的链接。比如我的一张图片链接就变成了
http://cuiqingcai.qiniudn.com/wp-content/uploads/2014/11/545ae06e25ea9.png
而你点击七牛云存储下的内容管理,就会发现你的博客下的所有图片都已经同步到了里面。截图如下:
2016711110246036.jpg (727×385)

以后你再新上传的照片也会自动同步到七牛上,此方法的好处在于你只需在wordpress中上传图片,就会自动同步到七牛空间,而无需登陆七牛上传并手动输入图片地址了。并且除了图片地址改变外,其他操作如常。引用图片时会自动加载七牛空间中的图片,实现 wordpress 免费CDN全网加速。不便之处是上传的图片仍会在 wordpress 空间中保留,占用空间容量。也就是说,它仍然在你的本地保存了一份,不过访问时会访问七牛的网址,也就可以实现CDN加速,而且为你的主机节省流量了。当然,由于图片已同步至七牛镜像空间中,你也可以选择删除 wordpress 中的图片。
现在浏览你的网站,如果现在没有问题,那么你就可以不用浏览下面的额外内容,如果有部分图片显示有问题,那么请继续看。
如果你的网站设置了特色图像功能,比较悲剧的事情就发生了。你的网站可能无法读取特色图像,整个页面也显得很难看。这是因为WordPress使用了timthumb缩略图剪裁插件,通过这个插件,用户在后台上传的各种图片都会按照预先在前端页面中设置的大小进行剪裁,大大降低了前端开发的难度。
由于timthumb默认设置中,出于安全考虑是不允许缓存外部地址图片的。因此我们打开timthumb缓存路径时会提示 “您可能无法从该网站获取的图像“。所以解决的办法来了。
找到这个主题所在的目录,找到timthumb.php文件,将下面一条语句

PHP Code复制内容到剪贴板
  1. define ('ALLOW_ALL_EXTERNAL_SITES', false)  
替换为
PHP Code复制内容到剪贴板
  1. define ('ALLOW_ALL_EXTERNAL_SITES', true)  

这样就可以实现通过外链抓取图片了,特色图像便显示出来了。
现在再浏览你的网站,看看还有没有什么问题,如果没有问题,现在就美美地享受移植到七牛上带来的便捷和欢乐吧!
如果还有问题,请继续阅读下方内容。
现在一般的网站模板加载都没有问题了,如果你用的 WordPress 模板比较高级,利用了Ajax异步加载功能,我们便会发现异步加载已经是不会生效的,也可能你的整个网站样式变得混乱。这是为什么?是因为你修改了路径为七牛的路径,加载JS或者CSS文件时便会去七牛那里寻找,但是现在七牛上只同步了图片,JS和CSS文件是不存在的,这时因为找不到这些文件,你的网站便会出现问题了。

总结
1、我感觉七牛云存储最值得称道的便是支持 图片/音频/视频 在线压缩/转换处理,自定义数据处理 是一般云存储所不具备的,也是七牛的强大之处
2、另外让我使用它的理由便是,它的加载速度非常快,电信、联通的Ping速度均在50毫秒以内,虽然Ping并不代表真正的速度,但是也侧漏了不少
3、其实说实在点,让我关注它的是它的价格~
4、如果你的网站图片很多,尤其调用缩略图很多的话,那么用它真的很不错。
5、目前七牛可能还在完善中,管理后台据说年后升级,将更加强大!
这里值得一提的便是七牛的客服了,可能用户还不很多,客服有很多时间帮你解决问题,反正我是问了好多问题,到最后我都不好意思去问了。。。申请通过七牛云后,会有至少一个客服加你QQ,嘘寒问暖,哈哈
好了,我先给我博客用上了,如果你还犹豫不定,那么去申请一个试用也无妨,能试用3个月,试用期内,所有均免费,试用期到了你再考虑是否付费也可以。

更多精彩内容其他人还在看

医疗行业怎么做好网站建设?建站注意事项及经验

踏足互联网,医疗行业可以将自身优势资源整合到网站中去,为大家提供病理知识、在线咨询或者预约就诊服务等。那么如何做好医疗行业的网站建设呢?本期为大家分享一些在建站过程中需要注意的东西和建站经验,希望能给大家带来帮助
收藏 0 赞 0 分享

企业应该怎么策划自己的网站?规划网站注意事项总结

网站建设虽然是一个比较复杂的过程,包括网站策划、网页设计、程序开发、上传网页、发布网站等,那么企业应该怎么策划自己的网站?下面为大家介绍规划网站注意事项,来看看吧
收藏 0 赞 0 分享

大众点评网站的支付系统构建经验分享

大众点评网站的服务器端在迭代的同时保持了很好的扩展性和可用性,这里我们来看一下大众点评网站的支付系统构建经验分享,主要以大众点评的支付渠道网关系统为核心.
收藏 0 赞 0 分享

网易蜂巢的容器运维管理服务使用指南

网易蜂巢提供对Docker容器的警报和性能监控服务,通过图形化面板操作十分简洁,这里前提假设服务器端已经架设在容器中,那么接下来就让我们来看网易蜂巢的容器运维管理服务使用指南
收藏 0 赞 0 分享

为什么认为自助建站不适合SEO?自助建站工具搭建出来的网站对SEO的支持如何?

最近有一个做SEO优化朋友询问为什么自助建站做出来的网站排名很难做上去?自助建站工具搭建出来的网站真的适合SEO吗?本文将提供相关内容供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

支持支付宝的高性价比美国VPS主机Pzea的购买及使用评测

Pzea一直是低价位VPS的人气之选,在美国三个大城市分别建有机房,且构建于KVM虚拟机之上,性能较为出众,接下来就为大家来分享一下这个支持支付宝的高性价比美国VPS主机Pzea的购买及使用评测
收藏 0 赞 0 分享

网站页面一定需要HTML静态化吗 实战说明静态化的必要性

很多刚开始运营网站的伙伴们都要知道网站内的页面需要进行URL优化吗?如设置静态化等,对此,本文就为大家解析一下网站静态化的必要性,有兴趣的朋友们可以了解下哦
收藏 0 赞 0 分享

移动端界面设计之尺寸基础知识学习

这篇文章主要为大家详细介绍了移动端界面设计之尺寸基础知识,通俗易懂的学习教程帮助大家了解关于移动端设计尺寸的相关知识,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

如何提高用户体验?优秀的用户体验需要遵守的十大准则

自己的网站做的很漂亮却依然没有排名,这是为什么呢?这个时候,你应该考虑你是否关注到用户体验?而如何提高用户体验又是你要考虑的问题了,本文将提供优秀的用户体验需要遵守的十大准则供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成异步代码的方法

这篇文章主要介绍了DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成异步代码的方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多