qiniu-hbs

0.0.2 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i qiniu-hbs

Weekly Downloads

0

Version

0.0.2

License

none

Last publish

Collaborators

  • yyfrankyy