i3geek.com
闫庚哲的个人博客

wordpress利用七牛云做图片存储与处理

一般个人博客站的空间都不是太大,如果博客中有许多图片的话就要购买更大的空间。然而利用七牛的免费空间可以充分为博主分忧,不需要话更多的钱买更大的空间。这篇文章就是帮助大家利用七牛云存储建立自己免费,快速的图片专用空间,并对提供的图片处理简单加以介绍。

一、绑定七牛云,存储图片

1、在七牛官网注册帐户

2、登陆后新建空间,并点选公开空间

3、点击新建的空间,并点击右侧的空间设置。可以看到系统分配的七牛三级目录,或者用户可以自行绑定自己的二级目录。

01

4、点击一键加速网站,输入你要图片托管的博客地址,比如本站输入的是i3geek.com

025、到这里为止,七牛那边的设置已经完成了。下面是在我们自己博客上的设置。输入:http://你的博客地址/wp-admin/options.php,搜索upload_url_path把后面的值写入http://七牛三级域名(或你绑定的二级域名)/wp-content/uploads并保存

到此为止,一切都结束了,自己写个文章,插入一个图片实验下吧。成功的标志就是图片的地址变成http://七牛三级域名(或你绑定的二级域名)/wp-content/uploads/xx/xx/xx.jpg

二、七云强大的图片处理功能

基本图片处理(imageView2):

接口规格

imageView2/<mode>
          /w/<Width>
          /h/<Height>
          /q/<Quality>
          /format/<Format>

imageView2/<mode>
          /w/<LongEdge>
          /h/<ShortEdge>
          /q/<Quality>
          /format/<Format>

其中 <mode> 分为如下几种情况:

模式 说明
/0/w/<LongEdge>/h/<ShortEdge> 限定缩略图的长边最多为<LongEdge>,短边最多为<ShortEdge>,进行等比缩放,不裁剪。如果只指定 w 参数则表示限定长边(短边自适应),只指定 h 参数则表示限定短边(长边自适应)。
/1/w/<Widht>/h/<Height> 限定缩略图的宽最少为<Width>,高最少为<Height>,进行等比缩放,居中裁剪。转后的缩略图通常恰好是 <Widht>x<Height>的大小(有一个边缩放的时候会因为超出矩形框而被裁剪掉多余部分)。如果只指定 w 参数或只指定 h 参数,代表限定为长宽相等的正方图。
/2/w/<Widht>/h/<Height> 限定缩略图的宽最多为<Width>,高最多为<Height>,进行等比缩放,不裁剪。如果只指定 w 参数则表示限定长边(短边自适应),只指定 h 参数则表示限定短边(长边自适应)。它和模式0类似,区别只是限定宽和高,不是限定长边和短边。从应用场景来说,模式0适合移动设备上做缩略图,模式2适合PC上做缩略图。
/3/w/<Widht>/h/<Height> 限定缩略图的宽最少为<Width>,高最少为<Height>,进行等比缩放,不裁剪。你可以理解为模式1是模式3的结果再做居中裁剪得到的。
/4/w/<LongEdge>/h/<ShortEdge> 限定缩略图的长边最少为<LongEdge>,短边最少为<ShortEdge>,进行等比缩放,不裁剪。这个模式很适合在手持设备做图片的全屏查看(把这里的长边短边分别设为手机屏幕的分辨率即可),生成的图片尺寸刚好充满整个屏幕(某一个边可能会超出屏幕)。
/5/w/<LongEdge>/h/<ShortEdge> 限定缩略图的长边最少为<LongEdge>,短边最少为<ShortEdge>,进行等比缩放,居中裁剪。同上模式4,但超出限定的矩形部分会被裁剪。

用法示例:

原图:

http://i3geek-pic.qiniudn.com/logo.png

1、裁剪正中部分,等比缩小生成100×100缩略图:

http://i3geek-pic.qiniudn.com/logo.png?imageView2/1/w/100/h/100

2、宽度固定为100px,高度等比缩小缩略图:

http://i3geek-pic.qiniudn.com/logo.png?imageView2/2/w/100

3、高度固定为100px,宽度等比缩小缩略图:

http://i3geek-pic.qiniudn.com/logo.png?imageView2/2/h/100

 

更多的处理功能如:高级图片处理图片基本信息等。用法大致相同!

赞(0)
未经允许不得转载:爱上极客 » wordpress利用七牛云做图片存储与处理
分享到: 更多 (0)

评论 10

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    是不是要备案域名才可以用的啊?好想用但没备案。

    小漫大叔6年前 (2014-04-06)回复
    • 是的哦!得先备案的域名~不然七牛审核不过的!

      yan6年前 (2014-04-06)回复
    • 不错,感谢分享。

      小z6年前 (2014-04-08)回复
    • 其实不用备案也是可以用的啊,我的博客也在使用七牛云存储。

      小z6年前 (2014-04-08)回复
    • 不用备案,最好通过其他人的邀请链接区注册

      Youth.霖6年前 (2014-05-04)回复
  2. #2

    已用七牛云存储了

    kindle之家6年前 (2014-04-11)回复
  3. #3

    不错

    优享库6年前 (2014-04-20)回复
    • 谢谢。。多多交流!

      yan6年前 (2014-04-21)回复
  4. #4

    很漂亮的界面!

    淘她喜欢6年前 (2014-04-24)回复
  5. #5

    不错

    玛丽莎婚纱摄影5年前 (2014-07-20)回复