你可以将图片或者音频等附件嵌入到你的笔记中。嵌入文件的语法为 `![[文件名.png]]`,例如:
![[Engelbart.jpg]]
![[Excerpt from Mother of All Demos (1968).ogg]]
你可以通过相同的语法将 PDF 文件嵌入到你的笔记中。除此之外,你可以通过 `![[My File.pdf#page=number]]` 这样的形式直接指定嵌入 PDF 文件的页码。
当你拖动图片到笔记中时,图片会自动嵌入笔记,并且 Obsidian 会将图片文件复制到默认的附件文件夹中。Obsidian 支持几种图片格式,因此大多数情况下你都可以在文件列表中的附件文件夹中选择并查看图片。
# 嵌入笔记
当然,你可以通过相同的语法将一篇笔记嵌入到另一篇笔记中,比如:
![[支持格式]]
# iframe
由于 Markdown 兼容 HTML,因此你可以使用“iframe”将网页嵌入到笔记中。
比如:
```html
<iframe src="https://www.bilibili.com/"></iframe>
```
具体应用起来是这样的效果:
<iframe src="https://www.bilibili.com/"></iframe>
使用 iframe 嵌入网页的基本语法为:
```html
<iframe src="网页地址"></iframe>
```
一些网站并不允许你直接嵌入它们的页面。比如,你就不能通过 YouTube 视频页面的 URL 来嵌入该页面。但是,这些网站一般都提供了用于嵌入的 URL,比如你可以通过 `https://www.youtube.com/embed/VIDEO_ID` 这样的专用 URL 来嵌入 YouTube 的视频页面。
如果你想嵌入一个网站,可以尝试在搜索引擎上 `{网页名} 嵌入 iframe` 等关键词,这样能帮助你更快速的嵌入某个网站。
比如,你可以利用搜索结果给出的代码快速插入 Twitter:
```html
<iframe
border=0
frameborder=0
height=250
width=550
src="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2Fjack%2Fstatus%2F20">
</iframe>
```
实现效果:(国内可能需要科学上网)
<iframe border=0 frameborder=0 height=250 width=550
src="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2Fjack%2Fstatus%2F20"></iframe>
---
### 开发小记
这个语法实际受到了 Markdown 相关语法的启发:
1. 在 Markdown 中,`[Image](link.png)` 可以让链接指向图片,而 `` 能让图片嵌入到当前文档中。
2. 而[[内部链接]]的语法则基于以下设定:`[[My page]]` 是 `[My page](My page)` 的一个便捷写法(或者是“语法糖”)。
综上,我们可以得到 `![[My page]]` 应该等效于 ``。
当然,我们也可以使用其他形式的语法。比如,Roam Research 的嵌入语法为 `{{embed: ((NODE_ID))}}`。我们曾经想过使用 `((Page name))` 这样的形式来表示嵌入,但后来我们认为还是 `![[Page name]]` 的形式能更好地与其他语法保持一致,便于记忆,同时也能减少符号的占用,让其他符号能够表示其他含义。
### 调整嵌入的图片大小
你可以通过以下语法调整嵌入到笔记中的图片的大小:
Markdown 风格的嵌入,使用 `` 这样的语法。
一般的嵌入,使用 `![[image.png|100x100]]` 这样的语法。
如果要根据图像的宽高比例进行缩放,请省略高度,如 `![[image.png|100]]`。