Kbd | Hi.AUIOC

简介

该微件用于展示按键。它可以用来显示单个按键，组合按键或一个按键序列。

短代码

参数

名称	必要	值	描述
（匿名参数）	是	（见下方）	按键
~~keys~~	未实现	`true`（默认）、~~`false`~~	是否使用按键别名

示例

	渲染效果
`{{< kbd "A+B" >}}`	`A`+`B`
`{{< kbd "Ctrl+B" >}}`	`Ctrl`+`B`
`{{< kbd "Ctrl+Alt+Del" >}}`	`Ctrl`+`Alt`+`Del`

	渲染效果
`{{< kbd A B C D >}}`	`ABCD`
`{{< kbd "Alt+" 0 1 7 7 >}}`	`Alt`+`0177`
`{{< kbd "Alt+0" 1 7 7 >}}`	`Alt`+`0177`

	渲染效果
`{{< kbd A "+" B >}}`	`A+B`
`{{< kbd "A+" "+" "+B" >}}`	`A`+`+`+`B`
`{{< kbd "A+" "+" B >}}`	`A`+`+B`

	渲染效果
`{{< kbd "shift+A" >}}`	`⇧ Shift`+`A`
`{{< kbd "windows+D" >}}`	`⊞ Windows`+`D`
`{{< kbd "command+S" >}}`	`⌘ Command`+`S`

局部模板

`widgets\kbd.html`

参数

名称	类型	必要	值	描述
`keys`	字符串数组	是	1. 每个元素表示一个/组按键，使用 `+` 分隔符表示组合按键 2. 单独的 `+` 表示 `+` 按键本身	按键
`alias`	布尔	否	`true`、`false`（默认）	是否使用按键别名

数据

按键别名

kbd_aliases

backspace: ← Backspace
c-down: C↓
c-left: C←
c-ne: C↗
c-nw: C↖
c-right: C→
c-se: C↘
c-sw: C↙
c-up: C↑
capslock: ⇪ Caps Lock
circle: ○
cmd: ⌘ Cmd
command: ⌘ Command
down: ↓
enter: ↵ Enter
ex: ×
l sw: L↙
l-down: L↓
l-left: L←
l-ne: L↗
l-nw: L↖
l-right: L→
l-se: L↘
l-sw: L↙
l-up: L↑
left: ←
lshift: ⇧ Left Shift
menu: ≣ Menu
n-0: Numpad 0
n-1: Numpad 1
n-2: Numpad 2
n-3: Numpad 3
n-4: Numpad 4
n-5: Numpad 5
n-6: Numpad 6
n-7: Numpad 7
n-8: Numpad 8
n-9: Numpad 9
opt: ⌥ Opt
option: ⌥ Option
ps c: ○
ps s: □
ps t: △
ps x: ×
r-down: R↓
r-left: R←
r-ne: R↗
r-nw: R↖
r-right: R→
r-se: R↘
r-sw: R↙
r-up: R↑
right: →
rshift: ⇧ Right Shift
shift: ⇧ Shift
square: □
super: ⊞ Super
tab: Tab ↹
triangle: △
up: ↑
win: ⊞ Win
windows: ⊞ Windows
xb-a: Ⓐ
xb-b: Ⓑ
xb-back: ◀
xb-lb: ╼
xb-lt: ⟅
xb-rb: ╾
xb-rt: ⟆
xb-start: ▶'
xb-x: Ⓧ
xb-y: Ⓨ