Notion embed :新瓶老酒,真香

这是 Notion 中文基础入门教程的第二篇,这一篇我将和大家一起体验 Notion 的 embed block,通过使用 Notion embed,让我们发掘提升效率的更多可能。

Hi~ 我是 Linmi,这是 Notion 中文基础入门教程的第二篇,这一篇我将和大家一起体验 Notion 的 embed block,通过使用 Notion embed,让我们发掘提升效率的更多可能。

这个新瓶怎么样?

其实 embed 这个概念早已有之,博客时代我们可以自定义嵌入

通过 Notion 的 embed,我们可以在 Notion 内看 Bilibili 视频,完成思维导图制作,甚至可以在 Notion 中使用腾讯文档、石墨文档、Google 文档,还有最近新潮的松果文档。

我试了试印象笔记,并不支持。

按照这个节奏,我可以在一个页面内看超多网页的内容,似乎就不用每天跳来跳去。实际测试中,针对跳转的页面

看起来是有点作,但是 Notion embed 实际应用场景还是能显著提高我们的效率。

这篇文章我就带大家来体验一下 Notion 的 embed,

  • 如何创建 embed Block
  • Notion 如何内嵌 Bilibili 、YouTube 视频?

创建你的第一个 embed Block

使用 embed 很简单,可以通过一下三种方式创建得到一个 embed Block。

快捷命令创建

Notion 页面键入/embed 快捷命令,

场景一:内嵌文档、视频,方便记笔记

当我们身边的朋友或者客户给我们发了 Google 文档,文档中有不少要点需要同步到 Notion,正常情况下我们需要开两屏幕。

不过话说回来,这种方式并没有比开双栏好,Windows 下分屏更是简单。

内嵌 Bilibili 视频

Bilibili 视频并不像 YouTube 视频那样,贴个链接就能快捷生成一个 Block,需要动动我们的的小手,做一些变化。

选择我们想要嵌入 Notion 中的 Bilibili 视频,点击分享按钮,再点击下面的「嵌入代码」,复制代码。

得到一下代码:

<iframe src="//player.bilibili.com/player.html?aid=8684450&cid=14306848&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

如上图所示,这种代码粘贴进 Notion 并不能显示出我们想要的视频效果,所以我们要进行处理一下。

我们截取src="链接"里面的链接,得到:

//player.bilibili.com/player.html?aid=8684450&cid=14306848&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true

这种链接嵌入 Notion 也是无效,再进行一下处理。

去掉 player 前面的// ,得到以下代码:

player.bilibili.com/player.html?aid=8684450&cid=14306848&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true

改格式也有第二种方案,就是在 // 前面加上 https,得到以下代码:

https://player.bilibili.com/player.html?aid=8684450&cid=14306848&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true

Notion 中创建一个 embed block,粘贴上面修改过格式后的链接,上面两种方式处理的链接均可。

每一次内嵌一个 Bilibili 视频我都要这么做?那得多麻烦。能不能快速得出我们想要的链接呢?

画质显示并不理想,只能显示 360P,那么如何才能在 Notion 中开启 Bilibili 的 1080P 画质?

解决方案当然有,就是复杂一些。

场景二:内嵌地图,出行好帮手

聊聊网页内嵌起源

追溯内嵌网页的历史,

如果你不信,可以试着打开 Chrome 的 DevTools(Mac 快捷键 Command + Shift + i Windows 快捷键 Ctrl+ Shift + i),通过定位,可以看到Notion 使用了什么?

哦?原来 Notion 是使用了 <iframe>

同样也要对比看 <embed>

不过 <iframe> 在前端似乎名声并不太好,要不说能耗过高,要不说不安全。

对与非技术人员,上面的问题也会真实的影响到我们体验,我个人也不建议随意的嵌入任意网页,安全问题,人人有责。

当然,效率的诱惑,只能一句真香表达。

更深入的了解 <iframe>,请点击此链接:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

感谢阅读,请评分鼓励一下我!

感谢评价,欢迎关注我的 Twitter 哦。

感谢阅读,请评分鼓励一下我!

感谢评价,欢迎关注我的 Twitter 哦。

Notion

Notion Database Filter & View 简单的应用场景解析

2019-9-5 23:56:02

Notion

Notion 教育优惠:学生与教师可以免费使用 Notion 啦

2019-9-15 4:48:25

15 条回复 A文章作者 M管理员
  1. Aiviokoo

    最近在学习使用notion,感觉突然之间找到了组织,谢谢大佬的分享。

    • Linmi

      很稳~~

  2. 可以嵌入任何网页么

    • 看 embedly 的支持。

  3. 提醒一下遗漏:那个内嵌地图并没有写出来那一栏是空的。

  4. 大佬,想问一下怎么嵌入思维导图

  5. 请问怎么嵌入思维导图?

  6. 哈咯~您在场景一的结尾写道:
    ”每一次内嵌一个 Bilibili 视频我都要这么做?那得多麻烦。能不能快速得出我们想要的链接呢?画质显示并不理想,只能显示 360P,那么如何才能在 Notion 中开启 Bilibili 的 1080P 画质?解决方案当然有,就是复杂一些。“
    请问这部分有出教程嘛~?想学习下~蟹蟹!

    • ok,我会重写这个。

    • Linmi

      谢谢您!辛苦了❤️

  7. 我有这样的需求,notion组织整理onedrive 中的word文档,请问如何把word文档嵌入到notion中,嵌入后可以实时查看编辑的,我百度到了一篇文章,简书上的关于notion嵌入excl的,我尝试了没有成功,不知道notion中如何操作,onedrive里面要如何设置,希望得到你的指点,谢谢

    • 还不支持,目前 /embed 只是嵌入链接。

  8. 文章挺好,就是标题能分个类、按时间顺序展示就好了。否则小白不知道从哪篇看起

    • 了解,会从头开始做视频与教程。

  9. 支持一下   ??

搜索