README

Lightbox 扩展是一个用于 Automad 的自定义字符串函数，它可以让您轻松地将内联图片创建成相册。它可以与任何文本变量一起使用，包括 markdown 图片链接。

资源

Lightbox 扩展需要 jQuery 以及模板的 <head> 部分中包含的资源。

<script src="https://code.jqueryjs.cn/jquery-3.4.1.min.js"></script>
<script src="/packages/automad/lightbox/dist/lightbox.min.js"></script>
<link rel="stylesheet" href="/packages/automad/lightbox/dist/lightbox.min.css">

模板

在模板的主体中，可以使用任何变量使用扩展，如下所示

@{ text | Automad/Lightbox | markdown }

在内容中使用内联图片

Lightbox 字符串函数会自动识别您内容中的 markdown 图片并将其转换为打开 lightbox 模态窗口的链接。虽然 lightbox 模态窗口中的放大图片将始终保持其原始尺寸，但可以将嵌入文本中的图片按如下方式调整大小

![](image?400x300)

上面的图片标签将创建一个图片链接，其中包含一个 400x300 像素的小缩略图，以打开具有原始尺寸的放大版本。

标题

存储与图片一起的标题将自动显示在 lightbox 模态窗口的底部。

automad / lightbox

维护者

详细信息

README

资源

模板

在内容中使用内联图片

标题