YAML

Gerador de imagens de código YAML

Transforme trechos de YAML em imagens que valem a pena compartilhar, sem sair do seu Mac.

Capturas de YAML são quase sempre configuração de CI, e quase sempre é justamente a indentação que está errada.

O Codeshot detecta YAML pelo código que você cola, então não há seletor de linguagem para errar. Aqui está o mesmo trecho em três dos 30 temas inclusos, renderizados com as folhas de estilo do próprio app.

name: build
on:
  push:
    branches: [main]

jobs:
  site:
    runs-on: macos-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm ci && npm run build

Edge · escuro

name: build
on:
  push:
    branches: [main]

jobs:
  site:
    runs-on: macos-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm ci && npm run build

GitHub · escuro

name: build
on:
  push:
    branches: [main]

jobs:
  site:
    runs-on: macos-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm ci && npm run build

Solarized · escuro

Escolhendo um tema para YAML

Como o espaço em branco é a sintaxe, deixe o trecho curto o bastante para cada nível de aninhamento caber num único enquadramento. Aqui, excepcionalmente, os números de linha ajudam.

Acertando o tamanho

Deixe a imagem seguir o conteúdo ou fixe uma proporção — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — e exporte em 1×, 2× ou 3× para que continue nítida em telas retina. Copie direto para a área de transferência com ⌘⇧C ou salve com ⌘S.

Veja os 30 temas lado a lado ou leia o fluxo completo.

Feito para YAML e outras 59 linguagens

Tudo roda no seu Mac. Seu código nunca sai dele.

Baixar para macOS