YAML

YAML 코드 스크린샷 생성기

Mac을 벗어나지 않고 YAML 스니펫을 공유하고 싶은 이미지로 바꿔 보세요.

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× 중에서 골라 내보내면 레티나 화면에서도 또렷합니다. ⌘⇧C로 클립보드에 바로 복사하거나 ⌘S로 저장할 수 있습니다.

30가지 테마를 나란히 보기, 또는 전체 과정을 읽어 보세요.

YAML을 비롯한 60개 언어를 위해

모든 작업이 Mac에서 이루어집니다. 코드가 밖으로 나가지 않습니다.

macOS용 다운로드