灯箱图
人工智能与机器学习
概述
人工智能（AI）和机器学习（ML）是当今科技领域最热门的话题之一。AI是指计算机系统能够执行通常需要人类智能的任务，如视觉识别、语音识别和决策制定。ML是AI的一个子集，专注于开发能够从数据中学习的算法。
关键技术
深度学习
深度学习是ML的一个分支，使用多层神经网络来处理复杂的数据模式。它在图像和语音识别方面取得了显著的成果。
强化学习
强化学习是一种通过试错来学习的ML方法。它通常用于游戏和机器人控制等领域。
应用领域
医疗保健
AI和ML在医疗诊断、药物发现和个性化治疗方面有广泛应用。
金融
在金融领域，AI用于风险管理、欺诈检测和算法交易。
挑战
数据隐私
随着AI和ML的发展，数据隐私成为一个重要问题。如何在不侵犯个人隐私的情况下利用数据是一个挑战。
伦理问题
AI系统的决策过程可能不透明，这引发了关于伦理和责任的讨论。
未来展望
AI和ML的未来充满希望，但也伴随着挑战。随着技术的进步，我们期待看到更多创新的应用和解决方案。
概述
Quarto 使用 GLightbox javascript 库 为 HTML 文档中的图像添加灯箱样式和行为。灯箱图像允许读者点击查看图像的放大版本（包括任何标题）。
例如，以下图像是灯箱处理的：
要为文档中的所有图像启用灯箱处理，请在 YAML 头部添加 lightbox: true：
---
title: 简单的灯箱示例
lightbox: true
---
启用灯箱
你可以为文档中的所有图像或仅选定的图像启用灯箱。要为文档中的所有图像启用灯箱，请使用以下 YAML：
---
lightbox: true
---当灯箱设置为自动选择图像时，它将匹配任何用作图表或作为块（在段落中单独出现）的图像。默认情况下，与其他内容内联出现的图像不会获得灯箱处理。
对特定图像应用灯箱
你可以通过在要获得处理的图像上应用 lightbox 类来选择特定图像以接收灯箱处理。在这种情况下，无需在前文中包含 lightbox，使用 lightbox 类将自动启用灯箱。例如：
---
title: 简单的灯箱示例
---
{.lightbox}
将导致第一张图像获得灯箱处理，而第二张图像不会。
禁用灯箱处理
你可以使用以下 YAML 禁用整个文档的灯箱：
---
lightbox: false
---当灯箱被明确禁用时，即使图像标记为 lightbox 类（如上所述），也不会有图像获得灯箱处理。
对特定图像禁用灯箱
如果启用了图像的自动灯箱处理，你可以通过标记带有 no-lightbox 类的图像来选择特定图像不接收处理。例如：
---
title: 简单的灯箱示例
lightbox: auto
---
{.no-lightbox}在这个例子中，第一张图像将获得灯箱处理，而第二张图像不会。
画廊
除了简单地为单个图像提供灯箱处理外，你还可以将图像分组为“画廊”。当用户激活灯箱时，他们将能够翻阅画廊中的图像，而无需返回到主文档。要创建图像画廊，请将 group 属性（带有名称）应用于你希望收集到画廊中的图像。具有相同组名的图像在获得灯箱处理时将被放置在一起。
例如，以下三张图像将被视为一个画廊：
{group="my-gallery"}
{group="my-gallery"}
{group="my-gallery"}选项
Quarto 支持许多选项来自定义文档的灯箱行为。选项包括： | 选项 | 描述 | |———————|—————————————————| | match | 如果你希望任何图片都能获得灯箱效果，请将其设置为 auto。如果省略此选项，只有带有 lightbox 类的图片才会获得灯箱效果。 | | effect | 打开和关闭灯箱时应使用的效果。可以是 fade、zoom、none 之一。默认为 zoom。 | | desc-position | 显示灯箱时标题和描述的位置。可以是 top、bottom、left、right 之一。默认为 bottom。 | | loop | 当用户浏览到最后一张图片后继续时，画廊是否应循环回到画廊的第一张图片。布尔值，默认为 true。 | | css-class | 应用于灯箱的类名，以便进行 CSS 定位。这将用你的自定义类名替换灯箱类。 |
完整示例：
---
title: 完整灯箱示例
lightbox:
match: auto
effect: fade
desc-position: right
loop: false
css-class: "my-css-class"
---每张图片的属性
以下选项可以作为单张图片的属性来控制灯箱行为：
| 选项 | 描述 |
|---|---|
desc-position |
显示灯箱时标题和描述的位置。可以是 top、bottom、left、right 之一。默认为 bottom |
在计算单元中使用灯箱
Quarto 灯箱处理将使用计算输出的图形信息。例如，以下绘图将获得灯箱处理，并在用户放大绘图时包含正确前缀的标题。
---
lightbox: auto
---
```{r}
#| label: fig-basic
#| fig-cap: 简单的 R 绘图演示
plot(1:10, rnorm(10))
```如果你的计算单元生成多个子图，每个子图都将获得灯箱处理，用户在放大时可以在子图之间前后翻页。例如，以下代码将生成一个包含两个子图的“画廊”灯箱视图，允许查看者轻松在子图之间导航：
```{r}
#| label: fig-plots
#| fig-cap: |
#| 下面演示了在画廊中放置多个图像。注意
#| 使用 `layout-ncol` 选项，该选项按日期排列页面上的图像。
#| 将 `group` 属性添加到 Markdown 图像中，将图像放置在基于提供的组名的画廊组中。
#| fig-subcap:
#| - "这是第一个子图的标题"
#| - "这是第二个子图的标题"
#| layout-ncol: 2
plot(ToothGrowth)
plot(PlantGrowth)
```计算中的高级自定义
可以使用代码单元选项 lightbox 传递灯箱选项，如下所示：
```{r}
#| fig-cap: 简单的 R 绘图演示
#| lightbox:
#| group: r-graph
#| description: 这是 1 到 10 的绘图
plot(1:10, rnorm(10))
```可以创建多个绘图，并将它们分组在灯箱画廊中。当你有多个绘图时，使用 YAML 中的列表为每个绘图提供选项。
```{r}
#| fig-cap:
#| - 第一个绘图的标题
#| - 第二个绘图的标题
#| lightbox:
#| group: cars
#| description:
#| - 这是第一个图表的描述
#| - 这是第二个图表的描述
plot(mtcars)
plot(cars)
```