Ir para o conteúdo

💡 Markdown - Admonition

Os Admonition são elementos visuais utilizados para destacar partes de uma página. São apresentados na forma de "Caixas" com um titulo, em destaque, e um conteúdo associado. Algumas destas caixas podem ser "recolhidas" de forma que apenas o título fique visível.

A seguir temos um exeplo de uso do elemento Admonition

Comando :
sudo systemctl list-unit-files | grep snap | grep enable

🔔 A Extensão Admonition

Esta extensão adiciona a possibilidade de utilizamos blocos de texto estilizados, que podem ser utilizados para destacar determinadas partes do conteúdo da página.

Para mais informações sobre esta extensão consulte o site: python-markdown.

📚 Ativando a extensão

Para ativar esta extensão devemos adicionar na seção markdown_extensions do arquivo mkdocs.yml, a seguinte linha:

1
2
markdown_extensions:
   - admonition

Após adicionar este linha podemos reiniciar o serviço do MkDocs.

📚 Utilizando a extensão

A sintaxe para utilizar este extensão é bem simples. Todo bloco começa com !!! ou com ===???===, seguindo de um espaço e do tipo do bloco. O conteúdo do bloco começa na linha a seguir e deve estar indentado por 4 espaços. A seguir temos um exemplo de código:

!!! note
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
    massa, nec semper lorem quam in massa.

Este código gera um bloco semelhante à:

Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

⭐ Para alterar o título do bloco devemos utilizar

!!! note "Novo Título"

⭐ Para remover o título podemos utilizar:

!!! note ""

⭐ Podemos inserir um bloco dobrável (collapsible) trocando os sinais de exclamações (!)por sinais de interrogação (?). Por exemplo:

??? note
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
    massa, nec semper lorem quam in massa.

Este código gera um bloco semelhante à:

Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

⭐ Adicionando um sinal de + logo após aos sinais de ? o bloco aparecerá, por padrão, aberto. Por exemplo:

???+ note
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
    massa, nec semper lorem quam in massa.

Este código gera um bloco semelhante à:

Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

A extensão Admonition suporta vários tipos de qualificadores definidos pelos usuários. Quando esta extensão é combinada ao tema Material, ela suporta os seguintes tipos:

  • Notas : note, ou seealso (Comando)
Nota

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Abstract : abstract, summary ou tldr
Abstract

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Informação : info ou todo (Configuração)
Configuração

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Dica : tip, hint, important
Dica

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Sucesso : success, check ou done (Saida)
Saída

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Pergunta : question, help ou faq
Pergunta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Aviso : warning, caution ou attention (Erro)
Aviso

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Falha : failure, fail ou missing
Falha

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Perigo : danger ou error
Erro

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Bug : bug
Bug

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Exemplo : example
Exemplo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

  • Citação : quote ou cite
Citação

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

🔖 Refencias

  • ✅ Mais informações consulte este 👉 link 👈

Última atualização: 31 de outubro de 2020

Comentários