YAML

YAML Code-Screenshot-Generator

Verwandle YAML-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.

YAML-Screenshots sind fast immer CI-Konfiguration, und fast immer ist genau die Einrückung das Problem.

Codeshot erkennt YAML an dem Code, den du einfügst; es gibt also keine Sprachauswahl, die man falsch treffen kann. Hier ist dasselbe Snippet in drei der 30 mitgelieferten Themes, gerendert mit den Stylesheets der 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 · dunkel

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

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

GitHub · dunkel

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

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

Solarized · dunkel

Das passende Theme für YAML

Weil Leerraum hier die Syntax ist, halte das Snippet so kurz, dass jede Verschachtelungsebene in einem Bild sichtbar bleibt. Zeilennummern helfen hier ausnahmsweise.

Die richtige Größe

Lass das Bild dem Inhalt folgen oder lege es auf ein Verhältnis fest — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 oder 3:4 — und exportiere dann mit 1×, 2× oder 3×, damit es auf Retina-Displays scharf bleibt. Kopiere es mit ⌘⇧C direkt in die Zwischenablage oder sichere mit ⌘S.

Sieh dir alle 30 Themes im Vergleich an oder lies den kompletten Ablauf.

Gebaut für YAML und 59 weitere Sprachen

Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.

Für macOS laden