Code, formules en diagrammen

Notities bevatten meer dan lopende tekst. Bewaar een lastig te onthouden commando, schrijf een formule netjes of teken een procesdiagram: allemaal in dezelfde notitie, lokaal op je Mac en zonder internet.

Inlinecode

Zet backticks om een kort commando, bestandsnaam of instelling, of selecteer de tekst en druk op ⌥⌘C:

Restart the router, then run `ping 1.1.1.1` to check.

Codeblokken

Gebruik voor meerdere regels een codeblok. Druk op ⌃⌘C of typ drie backticks op een aparte regel. Varlig voegt de sluitende backticks toe en stelt een taal voor. Een taal kiezen, zoals python of swift, geeft de code syntaxiskleuren.

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

Copy Code naast het blok kopieert de inhoud zonder backticks. De regels met backticks zijn alleen zichtbaar als de cursor in het blok staat.

Twee talen zijn bijzonder: calc maakt van het blok een rekenmachine (zie Je eerste berekening) en mermaid tekent een diagram, zoals hieronder.

Lange regels

Coderegels lopen standaard door op een volgende schermregel. Settings › Editor › Scroll long code lines instead of wrapping houdt ze op één regel en laat horizontaal scrollen. Een … markeert het vervolg; de cursor verplaatsen toont de rest, en zijwaarts vegen over het blok schuift de weergave. De tekst verandert nooit: er wordt niets ingevoegd en kopiëren of exporteren geeft exact wat je schreef.

Formules

Schrijf wiskunde in TeX-notatie. Gebruik enkele dollartekens voor een formule in een zin (Format › Math Formula), of dubbele dollartekens op aparte regels voor een formuleblok (Format › Math Block):

The area of a circle is $\pi r^2$.

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

Met de cursor in een formule zie je de bron en een live voorbeeld. Varlig ondersteunt gangbare TeX-opdrachten. Een onbekende opdracht toont een fout op de plek van de formule.

Een formule toont de wiskundige notatie. Gebruik een rekenblok om een resultaat te berekenen.

Mermaid-diagrammen

Beschrijf een stroomdiagram, tijdlijn of ander diagram in tekst en Varlig tekent het in de notitie. Format › Mermaid Diagram voegt een beginvoorbeeld in, of schrijf zelf een mermaid-blok:

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

De eerste regel bepaalt het diagramtype. Varlig tekent stroomdiagrammen (flowchart of graph), sequenceDiagram, classDiagram, stateDiagram, erDiagram, pie, gantt, journey, timeline, mindmap, gitGraph, quadrantChart, xychart, sankey, kanban en meer. Bewerk de tekst en het diagram verandert mee.

Een diagram mag maximaal 512 regels, 256 vakken en 512 verbindingen bevatten.

YAML-frontmatter

Sommige hulpmiddelen lezen metadata bovenaan een Markdown-bestand. Format › YAML Front Matter voegt helemaal bovenaan een blok tussen twee regels --- toe:

---
project: Kitchen
status: planning
---

Varlig bewaart frontmatter precies zoals geschreven en gebruikt de eerste regel erna als titel.

HTML

HTML-tags verschijnen als tekst en worden niet omgezet in opmaak. De uitzondering is <br>, dat een nieuwe regel begint.