Formatação Markdown

Explicação em português de como usar Markdown com foco no client Amethyst

Título H1 - Formatação Markdown

[Titulo com ’# ’ antes do texto, pode não funcionar se o título H1 for iniciado depois de um texto normal]

#list #descentralismo #markdown #clients #Amethyst #Yakihonne

Título H2 [2 hashtags e espaço]

Título H3 [3 hashtags e espaço]

Título H4 [4 hashtags e espaço]

Título H5 [5 hashtags e espaço]
Título H6 [6 hashtags e espaço]

*Copie e cole o texto para enxergar os caracteres usados


Réguas horizontais

  • Com 3 sublinhados (_) seguidos:

  • Com 3 hífens (-) seguidos:

  • Com três asteriscos (*) seguidos:


Ênfases

Negrito:

  • Dois asteriscos antes e depois: Este é um texto em negrito

  • Dois sublinhados antes e depois: Esse é um texto em negrito

Itálico

  • Um asterisco antes e um depois: Esse é um texto em itálico

  • Um sublinhado antes e um depois: Esse é um texto em itálico

Tachado:

Aqui houve uma rasura


Bloco de citações

Usando 1 a 3 “>”:

O bloco de citações pode ser eninhado…

…Usando cada vez mais maior-que (>).

…Mesmo com espaços entre eles.


Listas

Não-ordenadas

  • Crie um tópico começando com + , - ou * .
  • Subtópicos são feitos adicionando 2 espaços:
    • A mudança da marcação inicial não altera a lista:
      • Com asterisco
      • Com sinal de mais
      • Com sinal de menos
  • Muito fácil!

Ordenadas

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Você pode usar números em sequência…
  5. …ou deixar tudo como 1. ou outro número.

O número inicia com recuos:

  1. foo
  2. bar

Códigos

código na mesma linha

Caixa de código

  • Códigos intentados com 4 espaços:

    // Some comments line 1 of code line 2 of code line 3 of code

  • Com 3 acentos graves antes e depois:

Marcação de texto:

Insira o texto aqui...

Marcação de sintaxe:

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Tabelas

APP Descrição
Element App de mensagens que usa a rede Matrix.
Simplex App de mensagens bastante usado.
0xchat App de mensagens no Nostr.

Links


Imagens nomeadas

Minion: Minion

Stormtroopocat: Stormtroopocat

Como links, imagens também tem sintaxe footnote ‘!’ + ‘Outro texto’…

Alt text

…com uma referência id posterior da referência na localização da URL.


Plugins

O recurso de markdown-it é um suporte muito eficaz de plugins de sintaxe.


Emojis

*Acesse o link para entender melhor

Marcação clássica: :wink: :cry: :laughing: :yum:

Figuras Ascii (emoticons): :-) :-( 8-) ;)

Veja como mudar a exibição com o twemoji.


Sobrescrito / Subscrito

*Acesse os links para entender melhor

  • 19^th^
  • H2O

<ins>

*Acesse o link para entender melhor

++Texto Inserido++


<mark>

*Acesse o link para entender melhor

==Texto marcado==


Notas de Rodapé

*Acesse o link para entender melhor

Nota de rodapé 1 link1.

Nota de rodapé 2 link2.

Rodapé3 definição na linha.

Referência duplicada no rodapé2.


Listas de Definição

*Acesse o link para entender melhor

Termo 1

: Definição 1 com continuação preguiçosa.

Termo 2 com marcação na linha

: Definição 2

    { algum código, parte da Definição 2 }

Third paragraph of definition 2.

Estilo compacto:

Termo 1 ~ Definição 1

Termo 2 ~ Definição 2a ~ Definição 2b


Esse texto é uma adaptação do:

Pruk S.
Oct 11, 2024 04:55

h1 Heading 8-)

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Horizontal Rules




Typographic replacements

Enable typographer option to see result.

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test… test….. test?….. test!….

!!!!!! ???? ,, – —

“Smartypants, double quotes” and ‘single quotes’

Emphasis

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

Blockquotes

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

Lists

Unordered

  • Create a list by starting a line with +, -, or *
  • Sub-lists are made by indenting 2 spaces:
    • Marker character change forces new list start:
      • Ac tristique libero volutpat at
      • Facilisis in pretium nisl aliquet
      • Nulla volutpat aliquam velit
  • Very easy!

Ordered

  1. Lorem ipsum dolor sit amet

  2. Consectetur adipiscing elit

  3. Integer molestie lorem at massa

  4. You can use sequential numbers…

  5. …or keep all the numbers as 1.

Start numbering with offset:

  1. foo
  2. bar

Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code “fences”

Sample text here...

Syntax highlighting

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Tables

Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

Right aligned columns

Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

Links

link text

link with title

Autoconverted link https://github.com/nodeca/pica (enable linkify to see)

Images

Minion Stormtroopocat

Like links, Images also have a footnote style syntax

Alt text

With a reference later in the document defining the URL location:

Plugins

The killer feature of markdown-it is very effective support of syntax plugins.

Emojies

Classic markup: :wink: :cry: :laughing: :yum:

Shortcuts (emoticons): :-) :-( 8-) ;)

see how to change output with twemoji.

Subscript / Superscript

  • 19^th^
  • H2O

<ins>

++Inserted text++

<mark>

==Marked text==

Footnotes

Footnote 1 link1.

Footnote 2 link2.

Inline footnote3 definition.

Duplicated footnote reference2.

Definition lists

Term 1

: Definition 1 with lazy continuation.

Term 2 with inline markup

: Definition 2

    { some code, part of Definition 2 }

Third paragraph of definition 2.

Compact style:

Term 1 ~ Definition 1

Term 2 ~ Definition 2a ~ Definition 2b


  1. Footnote can have markup

    and multiple paragraphs. 

  2. Footnote text.  

  3. Text of inline footnote 


  1. Rodapé pode ter marcação

    e múltiplos parágrafos. 

  2. Texto de rodapé.  

  3. Texto do rodapé na linha 


Write a comment
No comments yet.