一些功能简单的小组件


使用说明

复制小组件的地址,编辑好配置参数,然后通过嵌入功能添加到 Notion 页面即可:

Untitled

也可以直接粘贴地址到页面并选择快速创建嵌入块:

Untitled

<aside> <img src="/icons/light-bulb_yellow.svg" alt="/icons/light-bulb_yellow.svg" width="40px" /> 小组件本身并不要求工作在 Notion 页面中,你可以将其嵌入到任意地方。在其他地方使用小组件时,你可能需要调整 bg 参数以更好地匹配目标页面的样式。

</aside>

关于配置参数

所有小组件都支持不同数量的配置参数。配置参数以 URL Query 的形式提供,以 ? 标记参数串的开始,以 & 分隔不同参数组,以 = 分隔参数名和参数值。例如:

                                         ┌─ 注意这里的 / 不能省略
                                         │ ┌────────┬─ 一组参数,参数名是 lang,参数值是 en-US
                                         │ │        │
<https://widgets.silent.land/year-progress/?lang=en-US&primary=goldenrod>
                                          │          ││               │
                                          │          │└───────────────┴─ 又一组参数,参数名是 primary,参数值是 goldenrod
                                          │          └─ 参数组间的分隔符
                                          └─ 整个参数串的开始标记

在书写参数串时,部分字符需要转换成对应的字符编码才能正常解析。例如 #,需要使用 %23 代替:

❌ <https://widgets.silent.land/year-progress/?primary=#daa520>
✅ <https://widgets.silent.land/year-progress/?primary=%23daa520>

更新日志

2023-03-25

2023-03-24

2023-03-15

2023-03-14

组件库

Widget Library