Guía de Markdown

Referencia rápida de la sintaxis Markdown en las notas de PlainApp — encabezados, listas, tablas, bloques de código y más.

Encabezados

Añade # al inicio de una línea: la cantidad de # define el nivel, de 1 (el mayor) a 6 (el menor). Deja una línea en blanco antes y después del encabezado.

Markdown
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6
Resultado

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Consejo: El botón de encabezado de la barra del editor de PlainApp los inserta por ti.

Párrafos y saltos de línea

Separa los párrafos con una línea en blanco. Para partir una línea dentro de un párrafo, termina la línea con una barra invertida.

Markdown
First paragraph.

Second paragraph.
Resultado

First paragraph.

Second paragraph.

Markdown
Line one\
Line two
Resultado

Line one
Line two

Negrita y cursiva

Rodea el texto con dos asteriscos para negrita o uno para cursiva. Dos virgulillas tachan el texto.

Markdown
**bold text**
Resultado

bold text

Markdown
*italic text*
Resultado

italic text

Markdown
~~struck through~~
Resultado

struck through

Markdown
**bold and *nested italic***
Resultado

bold and nested italic

Listas

Empieza una línea con - para una viñeta o 1. para una lista numerada. Indenta con espacios para anidar. Usa - [ ] para una tarea y - [x] cuando esté hecha.

Markdown
- One
- Two
- Three
Resultado
  • One
  • Two
  • Three
Markdown
1. First
2. Second
3. Third
Resultado
  1. First
  2. Second
  3. Third
Markdown
- [ ] Buy milk
- [x] Write the note
Resultado
  • Buy milk
  • Write the note
Markdown
- Fruit
  - Apple
  - Banana
- Vegetable
Resultado
  • Fruit
    • Apple
    • Banana
  • Vegetable

Citas y llamadas

Empieza una línea con > para citar. En PlainApp, > [!note] convierte el bloque en un recuadro de aviso.

Markdown
> This is a blockquote.
Resultado

This is a blockquote.

Markdown
> [!note] Heads up
> This renders as a callout box in PlainApp.
Resultado

[!note] Heads up This renders as a callout box in PlainApp.

Código

Rodea el código en línea con comillas invertidas simples. Usa tres para un bloque de código y añade el lenguaje después para resaltar la sintaxis.

Markdown
Use `inline code` for short snippets.
Resultado

Use inline code for short snippets.

Markdown
```js
console.log("hello");
```
Resultado
console.log("hello");

Consejo: El botón de código de la barra del editor inserta código en línea y bloques de código.

Imágenes

Igual que un enlace con un signo de exclamación delante: ![texto alternativo](URL de la imagen).

Markdown
![PlainApp logo](/plainapp.svg)
Resultado

PlainApp logo

Tablas

Crea tablas con barras verticales

Markdown
| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |
Resultado
Left Center Right
a b c
d e f

Consejo: El botón de tabla de la barra del editor inserta una tabla vacía.

Líneas horizontales

Tres o más guiones, asteriscos o guiones bajos solos en una línea crean un separador. Deja una línea en blanco encima, o la línea anterior se convierte en encabezado.

Markdown
First section.

---

Second section.
Resultado

First section.


Second section.

Escapar caracteres

Antepón una barra invertida para mostrar caracteres que Markdown formatearía, como * _ # o la comilla invertida.

Markdown
\*not italic\*
Resultado

*not italic*

Markdown
\# not a heading
Resultado

# not a heading

HTML en línea

PlainApp también muestra algunas etiquetas HTML en las notas: subrayado, resaltado, texto de color y detalles plegables.

Markdown
<u>underlined text</u>
Resultado

underlined text

Markdown
<mark>highlighted text</mark>
Resultado

highlighted text

Markdown
<font color="#8b5cf6">colored text</font>
Resultado

colored text

Markdown
<details>
<summary>Click to expand</summary>
Hidden content here.
</details>
Resultado
Click to expand Hidden content here.

Matemáticas y más

Superíndice x^2^, subíndice H~2~O, matemáticas en línea $E = mc^2$, bloques con $$, notas al pie [^1] y %% comentarios %% que quedan ocultos.

Markdown
x^2^ + y^3^
Resultado

x^2^ + y^3^

Markdown
H~2~O
Resultado

H2O

Markdown
Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$
Resultado

Inline math $E = mc^2$ and a block: $$ a^2 + b^2 = c^2 $$

Markdown
See the footnote[^1] for details.

[^1]: This is the footnote text.
Resultado

See the footnote[^1] for details.

[^1]: This is the footnote text.

Markdown
%% This comment stays hidden in PlainApp %%
Resultado

%% This comment stays hidden in PlainApp %%

Consejo: En las notas de PlainApp, las matemáticas, las notas al pie y los avisos se muestran como bloques enriquecidos; la columna Resultado aquí muestra la salida web simple.