如何在 rmarkdown 上使用 HTML 的 <kbd> 标签？

Question

我有一个关于 rmarkdown 的 ioslides 演示。我想使用 <kbd> 标签来制作键盘外观的按键。值得注意的是，我希望它位于代码块之外。在文档中，我写道：

<kbd>CTRL</kbd> + <kbd>SHIFT</kbd> + <kbd>ENTER</kbd>

它应该看起来像CTRL+ SHIFT+ ENTER，但它呈现为没有标签：

CTRL + SHIFT + 输入

是否有解决方法可以在 rmarkdown 文档上使用此标签，特别是在 ioslides 演示文稿上？

这是一个最小的可重现示例：

---
output: ioslides_presentation
---

## Keyboard tag problem
This doesn't render properly:
<kbd>CTRL</kbd> + <kbd>SHIFT</kbd> + <kbd>ENTER</kbd>

Answer 1

结果它没有以预期的格式呈现，因为这必须在 css 文件中指定。我使用了这里描述的一种： https: //developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd，它非常类似于以 stackoverflow 风格呈现的那种。

kbd {
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
    color: #333;
    display: inline-block;
    font-size: .85em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
   }

<kbd>This is the format I was looking for!</kbd>