YAML

Generador de imágenes de código YAML

Convierte fragmentos de YAML en imágenes que merece la pena compartir, sin salir de tu Mac.

Las capturas de YAML son casi siempre configuración de CI, y casi siempre es la indentación lo que está mal.

Codeshot detecta YAML a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia 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 · oscuro

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

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

GitHub · oscuro

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

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

Solarized · oscuro

Elegir un tema para YAML

Como el espacio en blanco es la sintaxis, deja el fragmento lo bastante corto como para que cada nivel de anidamiento quepa en un encuadre. Aquí, por una vez, los números de línea ayudan.

Acertar con el tamaño

Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con ⌘⇧C o guárdala con ⌘S.

Mira los 30 temas comparados o lee el flujo completo.

Hecho para YAML y otros 59 lenguajes

Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.

Descargar para macOS