Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Keyboard keys markup in MarkDown

Ctrl + Alt + Space

@Dev-I-J
Copy link

Dev-I-J commented Oct 12, 2020

Thanks, This really helped!

@benji-meldcx
Copy link

benji-meldcx commented Dec 2, 2020

Cheers

@tomatebg
Copy link

tomatebg commented Apr 26, 2021

Thanks!!

@hophacker
Copy link

hophacker commented Jun 17, 2021

x

@mara004
Copy link

mara004 commented Jun 17, 2021

Thanks!

@tuurep
Copy link

tuurep commented Aug 17, 2021

thanksdood

@JacksonCampbell99
Copy link

JacksonCampbell99 commented Sep 14, 2021

How do you make the text look like that for Windows shortcuts/keyboard keys?

@tuurep
Copy link

tuurep commented Sep 14, 2021

Might be it's not possible. You can actually put emoji:

🐶

But there's no windows-key emoji and I see people wanting one in comment section here:

https://gist.github.com/rxaviers/7360908

@JacksonCampbell99
Copy link

JacksonCampbell99 commented Sep 14, 2021

What do you mean it's not possible? You literally did it right before my comment and it's in the original post at the top.

@tuurep
Copy link

tuurep commented Sep 14, 2021

Oh.. I thought you meant the Windows key symbol.

Just check the Raw version of the post.

@JacksonCampbell99
Copy link

JacksonCampbell99 commented Sep 14, 2021

That was helpful! Thank you! I Googled every way I could think of to get results on how to do that without just getting pages full of GitHub keyboard shortcuts to no avail.

@OrangoMango
Copy link

OrangoMango commented Sep 22, 2021

Thanks

@kasperadk
Copy link

kasperadk commented Oct 1, 2021

Thanks!

@matschaffer
Copy link

matschaffer commented Oct 29, 2021

hot

@void32
Copy link

void32 commented Dec 14, 2021

Awesome!

@HighHarmonics
Copy link

HighHarmonics commented Mar 6, 2022

👍

@X3VI
Copy link

X3VI commented Apr 16, 2022

Thank you so much haha

@hsuanxyz
Copy link

hsuanxyz commented Apr 26, 2022

Hi, I made a tool to capture shortcuts and generate kbd tags. Kbd Generator

image

@padupe
Copy link

padupe commented May 22, 2022

Very Good!

@benwaffle
Copy link

benwaffle commented Jun 10, 2022

Doesn't seem to work on mac, just use <kbd>key</kbd>

@aaryaniitd
Copy link

aaryaniitd commented Jul 8, 2022

Thanks! Didn't expect it to be this simple.

@benkoshy
Copy link

benkoshy commented Jul 25, 2022

The Markdown to make it work:

image

<kbd> Ctrl </kbd> +  <kbd> Alt </kbd>  + <kbd> Del </kbd>

The Result:

Ctrl + Alt + Del

@HackerDaGreat57
Copy link

HackerDaGreat57 commented Sep 4, 2022

Hi, I made a tool to capture shortcuts and generate kbd tags. Kbd Generator

image

Why thank you kind sir/ma'm.

@sloanlance
Copy link

sloanlance commented Oct 17, 2022

The official syntax for representing keyboard keys, <kbd>…</kbd>, using HTML elements, produces output similar to Markdown syntax for code and commands, `…`. Similar, but not exactly the same.

HTML Markdown
<kbd>Keyname</kbd> `Keyname`
Keyname Keyname
Light background,
with a thin, dark border.
Darker background,
without a border

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment