氛围与趣味组件：实时壁纸、矩阵雨、电子木鱼与捏泡泡嵌入指南

不是每个组件都必须有用。有些页面要的是氛围：笔记背后每天更换的风景、团队 wiki 上一缕矩阵雨、一只吸收 deadline 的木鱼。下面的组件都是实时嵌入——动画源页在自己的沙箱里运行——动效不会像 <img> 里的 GIF 循环那样终究冻住。

实时壁纸——每天一张新场景

• Bing 每日壁纸 · 嵌入：https://embed.widget.diy/iNzWKNto —— Bing 首页当日图裁到照片本身：每天早上自动换一张新风景，零维护。
• 哈尔的移动城堡·动画壁纸 · 嵌入：https://embed.widget.diy/bAgjdqi8 —— dynamicwallpaper.club 的循环电影感场景，仪表盘头部的吉卜力能量。

数字雨与生成艺术

• 矩阵动画 · 嵌入：https://embed.widget.diy/2f38qxkN —— 字符雨效果，字符集与配色可配；黑客电影的标准背景，实时。

趣味组件——摸鱼角

• 电子木鱼 · 嵌入：https://embed.widget.diy/gTQXFjnN —— 敲一下响一声、功德 +1；席卷中文互联网的冥想计数器。
• 捏泡泡 · 嵌入：https://embed.widget.diy/p77B4Zrr —— 泡泡纸，戳破有声（?clickable=1 开启点击穿透）。
• 抛硬币 · 嵌入：https://embed.widget.diy/hTMx84Z2 —— 动画正反面；争论在发生的文档里就地解决。
• 五子棋小游戏 · 嵌入：https://embed.widget.diy/Saz6syH9 —— 和同事在团队 wiki 里对弈，恩怨就地解决。
• 答案之书 · 嵌入：https://embed.widget.diy/vDkSBVYC —— 问一个是非问题，得一句神谕。
• 今天干什么 · 嵌入：https://embed.widget.diy/NsBYS3vK —— 给选择困难症一个随机建议。

安静组件——诗而不是像素

• 今日草本诗 · 嵌入：https://embed.widget.diy/y4SJrkWM —— 每次访问一首古典诗，排版如书页。
• 古诗词阅读器 · 嵌入：https://embed.widget.diy/UmDJq27c —— 可浏览的诗词页，裁到诗正文。
• 毒鸡汤 · 嵌入：https://embed.widget.diy/5tXKzZ4c —— 反鸡汤一句话；"每日一句"类组件的诚实对照组。

嵌入氛围组件的三个技巧

1. 让它铺满：氛围组件用 ?fit=cover 最好看，场景 bleed 到横幅边缘：<iframe src="https://embed.widget.diy/iNzWKNto?fit=cover" ...>；
2. 静音点击：纯背景传 ?clickable=0，误点不会到达源页；
3. 折叠以下懒加载：loading="lazy"（widget.diy 生成的每个 snippets 都自带）让屏外壁纸不偷带宽。

常见问题

动画组件会拖慢 Notion 页面吗？ 每个嵌入是一个 iframe；浏览器会节流屏外 iframe，loading="lazy" 把它们推迟到滚进视口才加载。

能当网站 hero 背景吗？ 可以——全宽 iframe 加 ?fit=cover 与 ?clickable=0，行为等同视频背景但没有视频的体积。

去哪找更多？ 逛广场按"趣味"标签筛选，或从任意动画网页裁一个自己的。