Style Keyboard Keys and Shortcuts on Web Pages | /en/2023/02/key-buttons/

[giscus[bot]]

Style Keyboard Keys and Shortcuts on Web Pages

When writing keyboard shortcuts on web pages, we often use the <code> tag in HTML, or equivalently, a pair of backticks in Markdown. As a result, these keys are styled as code. I have been …

https://yihui.org/en/2023/02/key-buttons/

[njtierney]

Thanks for this, Yihui - do you have a recommended place to put

<script src="https://cdn.jsdelivr.net/npm/@xiee/utils/js/key-buttons.min.js" defer></script>
<link href="https://cdn.jsdelivr.net/npm/@xiee/utils/css/key-buttons.min.css" rel="stylesheet">

In a hugo blog?

[yihui]

Yes, you can put it in any template file that is used for all pages, e.g., https://github.com/rbind/njtierney.com/blob/master/layouts/partials/head_custom.html