SongWukong - 图片代码生成插件
概述
自动读取剪切板图片链接，自动获取图片尺寸，根据自定义模版补全信息生成代码；也可基于静态资源上传 api 完成图片上传及代码生成。
插件配置项参数
| 参数 |
说明 |
类型 |
默认值 |
| template |
代码模版 |
String |
见默认模版 |
| withProtocol |
图片链接是否保留协议 |
Boolean |
false |
| Authorization |
图片上传 token(上传图片必要参数，联系张轲、朱培鑫老师获取) |
String |
- |
| siteType |
上传图片链接站点类型 (主站或 TV 端) |
String |
主站 |
| userName |
用户名(上传图片必要参数，邮箱前缀) |
String |
- |
| isCache |
启用/禁用图片链接缓存（批量上传时必须开启） |
Boolean |
false |
| picTransRatio |
图片宽高转为代码比率，例如上传图片为三倍图，需生成二倍尺寸代码，比率为 0.666666（2/3）,无限循环小数需保留 5 位以上小数 |
number |
1 |
默认模版
.size({width}px,{height}px);
.po-absolute;
top: 0;
left: 0;
background: url('{url}') no-repeat center / {width}px {height}px;
配置项示例
"SongWukong": {
"template": "background: url('{url}') no-repeat center / {width}px {height}px;",
"withProtocol": false,
"Authorization": "XXXXXXXXXXX",
"userName": "XXXXXX"
}
template 模版参数
| 参数 |
说明 |
类型 |
备注 |
| {width} |
图片宽度 |
Number |
|
| {height} |
图片高度 |
Number |
|
| {url} |
图片链接 |
String |
|
使用
读取剪切板链接生成代码
- 右键 - 生成背景图代码
- 快捷键（win: ctrl+g / mac: cmd+g）
选取图片上传乐趣生成代码（必须配置 Authorization 和 userName）
- 右键 - 选取图片上传
- 快捷键（win: ctrl+i / mac: cmd+i）
批量图片上传，缓存图片路径（必须配置 Authorization 和 userName）
| |
