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

【问题标题】：How can I use HTML's <kbd> tag on rmarkdown?如何在 rmarkdown 上使用 HTML <kbd> 标签？
【发布时间】：2019-10-22 14:34:25
【问题描述】：

我在 rmarkdown 上有一个 ioslides 演示文稿。我想使用 标签来制作键盘外观的键。重要的是要注意我希望它在代码块之外。在文档中，我写道：

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

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

CTRL + SHIFT + ENTER

是否有在 rmarkdown 文档上使用此标签的解决方法，尤其是在 ioslides 演示文稿上？

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

---
output: ioslides_presentation
---

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

【问题讨论】：

标签： html r tags r-markdown

【解决方案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;
   }

&lt;kbd&gt;This is the format I was looking for!&lt;/kbd&gt;

【讨论】：