Código, fórmulas y diagramas

Las notas no son solo prosa. Guarda ese comando que siempre olvidas, escribe una fórmula como es debido o dibuja un proceso como diagrama, todo en la misma nota y todo generado en tu Mac sin conexión a internet.

Código en línea

Rodea con comillas invertidas un comando corto, un nombre de archivo o un ajuste, o selecciónalo y pulsa ⌥⌘C:

Reinicia el router y luego ejecuta `ping 1.1.1.1` para comprobarlo.

Bloques de código

Para varias líneas, usa un bloque de código. Pulsa ⌃⌘C o escribe tres comillas invertidas en una línea aparte: Varlig añade las comillas de cierre por ti y te sugiere un lenguaje. Al elegir un lenguaje, como python o swift, el código se muestra con colores de sintaxis.

```python
for item in lista_equipaje:
    print(item)
```

Un botón Copy Code junto al bloque copia su contenido sin las comillas invertidas. Las líneas de comillas invertidas permanecen ocultas salvo que el cursor esté en el bloque.

Hay dos lenguajes especiales: calc convierte el bloque en una calculadora (consulta Tu primer cálculo), y mermaid dibuja un diagrama, como verás a continuación.

Fórmulas

Escribe matemáticas en notación TeX. Rodéalas con signos de dólar simples para mantenerlas dentro de una frase (Format › Math Formula), o ponlas entre signos de dólar dobles en líneas aparte para mostrarlas como bloque (Format › Math Block):

El área de un círculo es $\pi r^2$.

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

Con el cursor en una fórmula, ves su código fuente con una previsualización en directo mientras escribes. Varlig admite los comandos TeX más habituales; si no reconoce un comando, muestra un error en lugar de la fórmula.

Una fórmula muestra las matemáticas. Para calcular un resultado, usa un bloque de cálculo.

Diagramas Mermaid

Describe con texto un diagrama de flujo, una cronología u otro tipo de diagrama y Varlig lo dibuja en la nota. Elige Format › Mermaid Diagram para insertar uno de ejemplo, o escribe un bloque mermaid:

```mermaid
flowchart LR
  Idea --> Plan --> Hecho
```

La primera línea indica el tipo de diagrama. Varlig dibuja diagramas de flujo (flowchart o graph), sequenceDiagram, classDiagram, stateDiagram, erDiagram, pie, gantt, journey, timeline, mindmap, gitGraph, quadrantChart, xychart, sankey, kanban y más. Edita el texto y el diagrama se actualiza.

Un diagrama puede tener hasta 512 líneas, 256 cajas y 512 conexiones.

Front matter YAML

Algunas herramientas leen metadatos del principio de un archivo Markdown. Elige Format › YAML Front Matter para añadir un bloque entre dos líneas --- al principio de la nota:

---
proyecto: Cocina
estado: planificación
---

Varlig conserva el front matter tal como lo escribes y usa la primera línea que hay después como título de la nota.

HTML

Varlig muestra las etiquetas HTML como texto en lugar de convertirlas en formato. La única excepción es <br>, que empieza una línea nueva.