2026-09-06
把任意时钟网站裁成 Notion 里的活时钟
Notion 自带的嵌入只能塞进整个网页。这篇指南教你用 Widget.diy 把任意时钟页面裁出一块,变成实时组件,一行 iframe 贴进 Notion。
Notion 的 /embed 块可以嵌入整个网站,但大多数时钟和世界时间页面都是完整网页——带导航、菜单和页脚。把它们的网址贴进 Notion,你得到的是一个缩小的浏览器窗口,而不是一只时钟。
Widget.diy 的做法是裁剪:框住只包含时钟的那一块矩形,只有这块矩形会成为组件。
你需要准备
- 任意一个公开显示时钟的网页网址(世界时间站、时区转换器、列车时刻表——什么都行)。
- 一个免费的 Widget.diy 账号。
步骤
- 在 Widget.diy 粘贴网页网址并回车,页面会在编辑器里加载出来。
- 拖动选区框,让它刚好罩住时钟。时钟在页面下方时用右侧滚动条下移,用方向键做像素级微调。
- 点预览,选择裁剪区域如何适配容器:
static保持原始大小,contain等比完整放入,cover填满容器。 - 保存,然后在组件信息卡里复制组件链接。
- 在 Notion 里输入
/embed,粘贴链接,把块拖到合适大小。
让它保持实时
打开组件的预览页,开启定时刷新——时钟场景每 60 秒一次就够。组件会在后台静默重载,Notion 里的时间永远不会停摆。
遇到不允许被嵌入的页面
少数网站会返回 X-Frame-Options: DENY 或严格的 frame-ancestors 策略,这会挡住一切 iframe 嵌入,包括我们。编辑器检测到这种情况时会显示黄色横幅提示。此时换一份展示同样数据但没有该响应头的页面即可——通常都存在替代源。