帮助开发者进行图片渲染的模板。
成为我们的资助者或赞助商,以支持我们的工作。
使用 images/image
模板来渲染图片。
1{{ partial "images/image" (dict
2 "Page" .
3 "Filename" "/path/to/image.png"
4 "Alt" "Example Image"
5) }}
Filename
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
Filename | - | string | ✓ | - | - | - |
图片的文件名或 URL。
Alt
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
Alt | - | string | - | - | - | - |
替代文本。
Caption
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
Caption | - | string | - | - | - | - |
说明文本。
Page
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
Page | - | string | - | - | - | - |
页面变量,用于查找图片资源。
ClassName
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
ClassName | - | string | - | img-fluid | - | - |
<img>
类名。
Original
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
Original | - | boolean | - | false | - | - |
是否通过 data-*
属性来描述原始图片信息。
LazyLoading
名称 | 上下文 | 类型 | 必填 | 默认值 | 版本 | 示例 |
---|---|---|---|---|---|---|
LazyLoading | - | boolean | - | true | - | - |
是否延迟加载图片。