媒体

更新于 2026年11月12日

内部图片

引用文档目录中的图片：

![Example image](./images/example.jpg)

渲染效果：

引用外部 URL 中的图片：

![Placeholder](https://picsum.photos/seed/livemark/800/300)

渲染效果：

使用 data URI 直接嵌入小尺寸图片：

![banner](data:image/png;base64,iVBORw0KGgo...)

渲染效果：

使用 #light 和 #dark 哈希后缀，为浅色模式和深色模式显示不同的图片：

![Light theme](https://picsum.photos/seed/sunshine/800/200#light)
![Dark theme](https://picsum.photos/seed/dark/800/200#dark)

渲染效果（切换主题即可看到变化）：

#light 图片在深色模式下隐藏，#dark 图片在浅色模式下隐藏。两者搭配使用，即可实现无缝的主题切换。

文章中的所有图片都可以缩放：点击任意图片即可将其放大到完整尺寸。内部图片、外部图片和 Base64 图片均适用。

使用带 type 属性的 ::video 指令嵌入视频：

::video{type="youtube" url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"}

渲染效果：

url 可以是任意 YouTube 视频链接：youtube.com/watch?v= 页面、youtu.be 短链接，或 /embed/、/shorts/、/live/ 地址。

使用带 type 属性的 ::audio 指令嵌入音频：

::audio{type="soundcloud" url="https://soundcloud.com/flume/never-be-like-you-feat-kai"}

渲染效果：