(全网首发)如何在Notion中嵌入任何页面?

date
Mar 18, 2023
my-url
https://www.fpb.icu/article/app-notion-ddPQ994jb55LCm
slug
app-notion-ddPQ994jb55LCm
status
Published
tags
软件
category
软体乱斗
summary
type
Post
Origin
URL
icon
password

简述

事实上,Notion的Embed本质上就是Html里的iframe,这就意味着,只要是iframe能干的,Notion都能干。
但是,实际使用中会遇到三个问题。
  1. 对于国内网站,Notion无法解析并导入,比如网易云的内嵌音乐。
  1. 对于某些网站,Notion通过黑名单禁止嵌入,而仅仅显示名称。
  1. 对于主动禁止iframe的网站,Notion也无法用。
对于1,2我们可以使用二次跳转来解决问题。对于3,我们可以使用浏览器插件来解决(仅限浏览器中使用Notion)。

二次跳转

既然,Notion无法访问目标网站,那就让他先访问一个可以访问的网站,这个网站再跳转到目标网站不就行了?
这里有两个方法
  1. 利用短域名缩短网站提供跳转。但是受限于各个网站实现的方式不同,这里只推荐使用:OTOO顺口好记 - SkyEsc旗下短域名平台 , 然后嵌入即可
    1. 用OTOO实现的跳转:

  1. 自己搭建网站实现跳转,这里推荐https://neocities.org/ 但此网站被墙了,请酌情使用。
    1. 只需要在头标签内写入如下代码即可
      1. 用网站跳转

        灵感来自这里:”这里测试网易云音乐不支持嵌入,不过之前我确实内嵌成功过,具体原因我还在测试。“https://linmi.cc/2853.html
        原理就是:既然可以实现跳转,如果Notion无法实现第一次embed(可能原因是因为notion使用了第三方的服务,而那个服务无法解析某些网站?)那么就自己去实现跳转!
      2. 在这个网站免费创建一个 个人的站点,这是一个免费的个人Web页面。
        1. 创建成功后,一般你的主页就是:https://name.neocities.org/index.html
          我们只需要在根目录创建自己需要的html即可,比如网易云小组件-Never Gonna give you up就是:netease1.html
          那么我们就得到了https://name.neocities.org/netease1.html
      3. 然后在netease1.html头标签中写上
        1. 这个可以根据实际情况设置,下面给几个例子,而且不仅限于小组件
          大功告成!!!!
          这就是需要embed的网页:
      4. 经过测试,不仅能够实现跳转小组件,还能够保存cookies!也就是记住登陆状态
        1.  

    破解IFrame限制

    安装如下插件即可
    这样,可以embed任何!任何网页
     

    © Fish 2023