qiniu-hbs
用于 Handlebars (>=1.0.12) 的七牛插件。
使用七牛的图片处理 API,解决构造图片地址的需求。
注册 Helper
var hbs = require('handlebars')
var qiniuHelper = require('qiniu-hbs')
qiniuHelper.register(hbs, {
imageServer: 'http://qiniuphotos.qiniudn.com/'
, watermark: 'watermark.jpg'
})
以下示例均使用这个对象进行渲染。
var hbs = require('handlebars')
var o = {
picture: 'gogopher.jpg',
pictures: ['gogopher.jpg', 'qiniu.jpg']
}
hbs.compile('templates')(o)
基本用法
{{qiniu picture}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg
{{qiniu picture 400}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView/1/w/400
{{qiniu picture 400 300}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView/1/w/400/h/300
设置 imageView
{{qiniu picture 400 300 imageView='2'}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView/2/w/400/h/300
启用水印,水印需跟图片在一个空间
{{qiniu picture 400 300 imageView='2' watermark='watermark.jpg'}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView/2/w/400/h/300|watermark/1/image/aHR0cDovL3Fpbml1cGhvdG9zLnFpbml1ZG4uY29tL3dhdGVybWFyay5qcGc_aW1hZ2VWaWV3LzIvdy8xMDA=/dissolve/100/gravity/SouthEast/dx/10/dy/10
强制水印的快捷方式
{{qiniux picture 400 300}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView/1/w/400/h/300|watermark/1/image/aHR0cDovL3Fpbml1cGhvdG9zLnFpbml1ZG4uY29tL3dhdGVybWFyay5qcGc_aW1hZ2VWaWV3LzIvdy8xMDA=/dissolve/100/gravity/SouthEast/dx/10/dy/10
遇到数组,取第一个
{{qiniu pictures 400 300}}
> http://qiniuphotos.qiniudn.com/gogopher.jpg
默认地址
当图片 hash 为 falsy 值,使用默认地址//placehold.it/%sx%s
,可通过注册选项(default
)覆盖。需提供两个占位符作为宽高。
var hbs = require('handlebars')
hbs.compile('{{qiniu noop 100 200}}')({})
> //placehold.it/100x200
License MIT