Código, fórmulas e diagramas

Notas não são apenas prosa. Mantenha um comando que você sempre esquece, escreva uma fórmula corretamente ou esboce um processo como um diagrama, tudo na mesma nota, tudo desenhado no seu Mac sem uma conexão com a Internet.

Código em linha

Coloque um comando curto, nome de arquivo ou configuração entre crases, ou selecione o trecho e pressione ⌥⌘C:

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

Blocos de código

Para várias linhas, use um bloco de código. Pressione ⌃⌘C ou digite três crases em uma linha separada: Varlig acrescenta as crases de fechamento e sugere uma linguagem. Ao escolher uma linguagem, como python ou swift, o código recebe cores de destaque de sintaxe.

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

O botão Copy Code ao lado do bloco copia seu conteúdo sem as crases. As linhas com as crases ficam ocultas quando o cursor está fora do bloco.

Duas linguagens são especiais: calc transforma o bloco em uma calculadora (veja Seu primeiro cálculo), e mermaid desenha um diagrama, como abaixo.

Linhas longas

Por padrão, linhas longas de código quebram visualmente para caber na largura disponível. Settings › Editor › Scroll long code lines instead of wrapping mantém cada linha em uma única linha visual, com rolagem horizontal: um … indica a continuação; mover o cursor ao longo da linha revela o restante, e um gesto horizontal sobre o bloco rola o conteúdo. O texto da nota nunca é alterado: nenhum caractere é inserido, e copiar ou exportar o bloco preserva exatamente o que você escreveu.

Fórmulas

Escreva expressões matemáticas em notação TeX. Delimite a expressão com um cifrão de cada lado para mantê-la dentro de uma frase (Format › Math Formula), ou com dois cifrões em linhas separadas para exibi-la como um bloco (Format › Math Block):

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

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

Com o cursor em uma fórmula, você vê sua fonte com uma visualização ao vivo enquanto digita. Varlig suporta comandos TeX comuns; um comando que ele não conhece mostra um erro no lugar da fórmula.

Uma fórmula mostra a matemática. Para calcular uma resposta, use um bloco de cálculo.

Diagramas Mermaid

Descreva um fluxograma, uma linha do tempo ou outro diagrama em texto, e Varlig o desenha na nota. Escolha Format › Mermaid Diagram para inserir um modelo inicial, ou escreva um bloco mermaid:

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

A primeira linha nomeia o tipo de diagrama. Varlig desenha fluxogramas (flowchart ou graph), sequenceDiagram, classDiagram, stateDiagram, erDiagram, pie, gantt, journey, timeline, mindmap, gitGraph, quadrantChart, xychart, sankey, kanban e muito mais. Edite o texto e o diagrama segue.

Um diagrama pode ter até 512 linhas, 256 caixas e 512 conexões.

Metadados iniciais YAML (front matter)

Algumas ferramentas leem metadados da parte superior de um arquivo Markdown. Escolha Format › YAML Front Matter para adicionar um bloco entre duas --- linhas no início da nota:

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

Varlig preserva o bloco de metadados inicial (front matter) exatamente como você o escreve e usa a primeira linha depois dele como título da nota.

HTML

Varlig mostra tags HTML como texto em vez de transformá-las em formatação. A única exceção é <br>, que inicia uma nova linha.