Markdown中的提示/警告/定义/描述框

Question

我需要创建一个使用说明文档，并希望使用Markdown来完成。

为了实现这一点，我需要创建“引人注目”的文本框，其中包含定义、警告等内容。 此链接中的示例 我该如何实现类似的效果？

编辑1：我发现了Callouts，这正是我所需的，但我无法在Markdown中使用它们。有什么提示吗？

- momsi

---

这不是标准的markdown语法。你可以使用HTML +内联CSS来完成，但会显得混乱。 - undefined

您能提供一个示例或指南来完成这个吗？我是第一次使用Markdown。 - undefined

Answer 1

在Markdown中直接实现这个功能是不可能的。不过，大多数Markdown转换器允许你在Markdown代码中混合使用HTML和CSS代码。例如：

<div style="padding: 15px; border: 1px solid transparent; border-color: transparent; margin-bottom: 20px; border-radius: 4px; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;">
I am a success message
</div>

<div style="padding: 15px; border: 1px solid transparent; border-color: transparent; margin-bottom: 20px; border-radius: 4px; color: #a94442; background-color: #f2dede; border-color: #ebccd1;">
I am an error message
</div>

<div style="padding: 15px; border: 1px solid transparent; border-color: transparent; margin-bottom: 20px; border-radius: 4px; color: #31708f; background-color: #d9edf7; border-color: #bce8f1;">
I am a info message
</div>

<div style="padding: 15px; border: 1px solid transparent; border-color: transparent; margin-bottom: 20px; border-radius: 4px; color: #8a6d3b;; background-color: #fcf8e3; border-color: #faebcc;">
I am a warning message
</div>

结果看起来像这样：

- DA.