在文档中添加占位图片

概述

{{< placeholder >}} 短代码生成一个占位图片，这在您设计文档或网站布局但最终图片尚未准备就绪时非常有用。它有助于在不中断开发流程的情况下保持设计完整性。占位图片可以配置尺寸，并且将以 PNG 或 SVG 格式生成。

示例

以下是一个占位图片的示例：

默认情况下，placeholder 短代码创建 100x100 像素的 PNG 格式图片。您可以通过向短代码提供参数来自定义图片的尺寸和格式。

使用方法

placeholder 短代码可以接受额外的参数来控制图片的尺寸和格式：

{{< placeholder 400 200 format=svg >}}

这将创建一个尺寸为 400x200 像素的可缩放矢量图形（SVG）占位图片。

它还接受一个可选的 format 关键字参数。

• {{< placeholder >}}: 创建一个 100x100 像素的 PNG 占位图片。
• {{< placeholder width >}}: 创建一个 widthxwidth 像素的 PNG 占位图片。
• {{< placeholder width height >}}: 创建一个 widthxheight 像素的 PNG 占位图片。
• {{< placeholder format="svg" >}}: 创建一个 100x100 的 SVG 占位图片。
• {{< placeholder width format="svg" >}}: 创建一个 widthxwidth 的 SVG 占位图片。
• {{< placeholder width height format="svg" >}}: 创建一个 widthxheight 的 SVG 占位图片。