html - 如何在 rmarkdown 上使用 HTML 标签？

Question

我在 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>

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>