Окна подсказок / предупреждений / определений / описаний в Markdown

Question

Мне нужно создать документ с инструкциями по использованию и я хочу использовать Markdown для него.

Для этого мне нужно создать «привлекательные» текстовые поля, такие как блоки, содержащие определения, предупреждения и т. Д.

примеры по этой ссылке

как это сделатьЯ делаю что-то подобное?

Редактировать 1 : я обнаружил выноски, это выглядит именно то, что мне нужно, но я не могу использовать их в Markdown.Любые советы по этому поводу?

Answer 1

Это невозможно напрямую в Markdown.Однако большинство конверсий Markdown позволяют использовать код HTML и CSS, смешанный в коде Markdown.Например:

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

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

Результат выглядит так: