图片和嵌入

如何在 markdown 中使用图片和嵌入内容。

图片

![Image](/prose-img/light.png)

浮起图片

浮起图片是带有边框和阴影的图片,使其更加突出。

![Lifted Image](/prose-img/light.png){lifted}

颜色模式图片

颜色模式图片是根据当前颜色模式(浅色或深色)变化的图片。这对于在浅色和深色模式下有不同颜色的图片很有用。

::color-mode-image
---
srcLight: /prose-img/light.png
srcDark: /prose-img/dark.png
alt: Color Mode Image
---
::

图片缩放

点击图片可以放大查看。此功能默认启用。您可以在应用配置中将 main.imageZoom 设置为 false 来全局禁用缩放,或在图片本身设置 :zoom="false"

No Zooming Image

![No Zooming Image](/prose-img/light.png){:zoom="false"}

嵌入内容

YouTube 视频

:iframe{src="https://www.youtube.com/embed/KnCNOp5Pbfs?si=Sxc-b7345FzgunTd" class="rounded-md" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="aspect-ratio: 16/9;"}