爱上极客's Archivers

From yan on 2014-03-30 18:38:39

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

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

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

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

<img alt="01" src="http://www.i3geek.com/wp-content/uploads/2014/03/01-430x200.png" width="430" height="200" />

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

<img alt="02" src="http://www.i3geek.com/wp-content/uploads/2014/03/02-430x200.png" width="430" height="200" />5、到这里为止,七牛那边的设置已经完成了。下面是在我们自己博客上的设置。输入: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、裁剪正中部分,等比缩小生成100x100缩略图:

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

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

查看完整版本: wordpress利用七牛云做图片存储与处理

From 小漫大叔 on 2014-04-06 19:38:11

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

From yan on 2014-04-06 19:45:12

是的哦!得先备案的域名~不然七牛审核不过的!

From 小z on 2014-04-08 14:48:52

不错,感谢分享。

From 小z on 2014-04-08 14:49:38

其实不用备案也是可以用的啊,我的博客也在使用七牛云存储。

From kindle之家 on 2014-04-11 14:15:56

已用七牛云存储了

From 优享库 on 2014-04-20 22:21:11

不错

From yan on 2014-04-21 16:48:39

谢谢。。多多交流!

From 淘她喜欢 on 2014-04-24 10:46:45

很漂亮的界面!

From Youth.霖 on 2014-05-04 22:01:02

不用备案,最好通过其他人的邀请链接区注册

From 玛丽莎婚纱摄影 on 2014-07-20 15:37:50

不错

Tags: 七牛, 图片处理


©爱上极客