obsidian社区插件
Obsidian 插件:Badges 给你的笔记增加好看的徽章样式
插件ID:badges
badges
badges:Obsidian 插件:Badges 给你的笔记增加好看的徽章样式,:一个简易插件,通过内置的样式来在 Obsidian 中获得简易的徽章效果
Obsidian插件“Badges”可以在笔记中添加内联徽章/提示。它可以用于类似于键-值存储(数据库)的查询,也可以通过默认搜索或Dataview插件进行查询。插件提供了多种用法,包括Github风格的徽章、纯文本和自定义徽章。用户可以根据自己的需求选择不同的语法和样式来添加徽章。此外,用户还可以通过自定义CSS样式来对插件进行定制。插件的安装和开发也都在README中有详细说明。通过使用该插件,用户可以在Obsidian笔记中更加直观地展示信息,提高笔记的可读性和可视化效果。
Obsidian 插件:Badges 给你的笔记增加好看的徽章样式
概述
一个简易插件,通过内置的样式来在 Obsidian 中获得简易的徽章效果。它的作用类似于键值存储 (数据库),用于通过默认搜索或 Dataview 插件进行查询。
插件名片
效果&特性
使用
想要在笔记内插入徽章需要了解整个插件自定义的格式规则:
`[!!KEY:VAL]`
格式 | 描述 |
---|---|
KEY | 图标的类型和名称 |
VAL | 显示的值和文本 |
警告
- 此插件的徽章效果目前按仅能在阅读模式下显示
- 注意:VAL 不能包含或:符号,因为它们被用作自定义语法的分隔符
简单示例
`[!!note:note]`
`[!!info:info]`
`[!!todo:todo]`
...
`[!!cite:cite]`
Github 的徽章样式
`[!!|GHX>KEY:VAL]`
格式 | 描述 |
---|---|
| | 起始符号 |
GHX | Github 样式,ghb 表示蓝色样式,ghs 表示绿色成功样式 |
> | 大于符号 (分隔符) |
KEY:VAL | KEY 是类型或标签,VAL 是显示的值文本。如: 发布 1.0.0 |
`[!!|ghb>release:1.2.1]`
`[!!|ghb>issues:2]`
`[!!|ghb>open issues:0]`
`[!!|ghb>closed issues:2]`
`[!!|ghb>contributors:3]`
`[!!|ghb>license:MIT]`
`[!!|ghs>checks:success]`
`[!!|ghs>build:success]`
Plain-text
`[!!KEY:VAL]`
`[!!|foo:bar]`
自定义样式
`[!!|ICON|KEY:VAL|COLOR-RGB]`
格式 | 描述 |
---|---|
| | 起始符号 |
icon | 图标的名称。例如 lucide-dice |
| | 分隔符号,用于分割符号和显示的文案 |
KEY:VAL | KEY 是类型或标签,VAL 是显示的值文本。如: 发布 1.0.0 |
| | 分隔符号,用于分割文案和颜色样式 |
COLOR-RGB | 3 个 (rgb) 数字 (0-255) 值,用逗号分隔。例如 144,144,144 或 CSS 变量,例如 var(—color-red-rgb) |
`[!!|message-square|comment:edited by j.d.|var(--color-cyan-rgb)]`
`[!!|dice|roll:eleven|120,82,238]`
`[!!|gem|mineral:emerald|var(--my-custom-rgb)]`
`[!!|apple|fruit:snack|var(--color-red-rgb)]`
`[!!|brain|brain:pkm|var(--color-purple-rgb)]`
`[!!|sun|weather:sunny|var(--color-yellow-rgb)]`
`[!!|cloudy|weather:cloudy|var(--mono-rgb-100)]`
`[!!|sunset|weather:8.44pm|var(--color-orange-rgb)]`
`[!!|dumbbell|reps:3 sets of 50|var(--mono-rgb-00)]`
`[!!|gift|event:wedding|var(--color-blue-rgb)]`
`[!!|plus-square|credit:$100|var(--color-green-rgb)]`
`[!!|minus-square|debit:$10|var(--color-pink-rgb)]`
讨论
若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。
反馈交流
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。