Dockerfile

Dockerfile Code-Screenshot-Generator

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

Von Dockerfiles entstehen mehr Screenshots als von fast allem anderen — meist, um eine Layer-Reihenfolge oder einen Multi-Stage-Build zu zeigen.

Codeshot erkennt Dockerfile 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.

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Atom One · dunkel

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Edge · dunkel

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

GitHub · dunkel

Das passende Theme für Dockerfile

Halte die ganze Stage im Bild. Ein mittendrin abgeschnittenes Dockerfile führt aktiv in die Irre, denn die Reihenfolge der Anweisungen ist der Punkt.

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 Dockerfile und 59 weitere Sprachen

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

Laden