Estou escrevendo um documento em markdown. Estou usando o maravilhoso pandoc para criar arquivos docx e tex a partir da origem do markdown. Eu gostaria de ter uma caixa de texto para dicas e notas para os leitores, como costumam fazer os livros de programação. Não consigo descobrir como fazer isso no markdown. Você pode ajudar?
86
Respostas:
O que eu normalmente faço para colocar a caixa de alerta (por exemplo, Nota ou Aviso) em textos de marcação (não apenas ao usar o pandoc, mas também em todos os lugares onde essa marcação é suportada) é circundar o conteúdo com duas linhas horizontais:
que seria algo assim:
NOTA
Ele funciona com todos os tipos de markdown (a linha em branco abaixo é importante).
A boa notícia é que você não precisa se preocupar com qual tipo de markdown é compatível ou qual extensão está instalada ou habilitada.
EDIT : Como @ filups21 mencionou nos comentários, parece que uma linha horizontal é representada por
***
no RMarkdown. Portanto, a solução mencionada antes não funciona com todos os tipos de markdown, como foi originalmente reivindicado.fonte
***
precedida por uma linha em branco. Como alternativa, você pode colocar a nota em um bloco de aspas começando a linha com>
(também precedido por uma linha em branco).Com o GitHub, geralmente insiro um blockquote.
torna-se...
Claro, sempre há HTML simples ...
fonte
> ℹ️ This is an information
ou> ⚠️ This is a warning
.A solução mais simples que encontrei para exatamente o mesmo problema é usar uma tabela de várias linhas com uma linha e nenhum cabeçalho (há uma imagem na primeira coluna e o texto na segunda):
Outra abordagem que pode funcionar (para PDF) é usar a diretiva fbox padrão do Latex :
Ou o módulo FancyBox para recursos mais avançados (e caixas com melhor aparência): http://www.ctan.org/tex-archive/macros/latex/contrib/fancybox .
fonte
Use a extensão de admoestação . Para mkdocs , ele pode ser configurado no
mkdocs.yml
arquivo:Em seguida, insira a nota em seus arquivos md da seguinte maneira:
Veja um exemplo aqui .
fonte
Semelhante à solução de Etienne, uma tabela simples formata bem:
Outra alternativa (que vem com mais ênfase) é fazer do conteúdo o cabeçalho de uma tabela sem corpo:
Finalmente, você pode incluir uma linha horizontal (quebra temática) para criar uma caixa fechada (embora o estilo da linha seja um pouco diferente da linha do cabeçalho na tabela):
Observe a linha vazia após o texto.
fonte
NOTE
coluna " " e 50% para a outra; pode-se usar tabelas de várias linhas conforme stackoverflow.com/questions/27219629 - mas existem outros problemas de formatação.Aqui está um exemplo simples baseado em látex.
o que resulta em:
Infelizmente, por ser látex, você não pode mais incluir markdown dentro da caixa TODO (o que não é um grande problema, normalmente) e não funcionará ao converter para formatos diferentes de PDF (por exemplo, html).
fonte
Os métodos a seguir funcionam no GitHub, no GitLab ... e no Stackoverflow , que agora usa CommonMark !
> Caixa One-Line feita com Blockquote
`Caixa One-Line feita com Backticks`
One-Line Box made with Backticks
`` `
Caixa feita com Backticks Triplos`
``
~ ~ ~
Caixa feita com Triplo Tils (remova os espaços entre os Tis para fazer este trabalho)
~ ~ ~
Caixa feita com quatro espaços no início de cada linha:
... ou usar linhas horizontais?
Três traços (---) formam uma linha horizontal:
Nota : “Seu foco determina sua realidade.” - Qui-Gon Jinn.
Para mais configurações, recomendo fortemente o excelente Guia de Markdown do GitLab .
Você também pode verificar a sintaxe de formatação básica do GitHub menos detalhada .
Você pode comparar as implementações do Markdown usando o Babelmark .
Dicas úteis:
para forçar uma nova linha, coloque dois espaços no final da linha;
para escapar de caracteres especiais, use \.
fonte
Você já tentou usar guias duplas? Para fazer uma caixa:
Ele funciona para mim em um documento Rmarkdown regular com saída html. A parte com abas duplas deve aparecer em uma caixa retangular arredondada cinza claro.
fonte
Você também pode usar https://www.npmjs.com/package/markdown-it-container
Será então renderizado como:
fonte