YAML

Генератор изображений кода YAML

Превращайте фрагменты YAML в изображения, которыми хочется делиться, не покидая Mac.

Скриншоты YAML — это почти всегда конфигурация CI, и почти всегда сломано именно в отступах.

Codeshot определяет YAML по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.

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

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

Edge · тёмная

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

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

GitHub · тёмная

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

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

Solarized · тёмная

Как выбрать тему для YAML

Раз пробелы здесь и есть синтаксис, держите сниппет достаточно коротким, чтобы каждый уровень вложенности попал в один кадр. Номера строк тут, против обыкновения, помогают.

Как выбрать размер

Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием ⌘⇧C или сохраните через ⌘S.

Посмотрите все 30 тем рядом или прочитайте весь процесс.

Сделано для YAML и ещё 59 языков

Всё работает на вашем Mac. Код никогда его не покидает.

Скачать для macOS