JavaScript
Verwandle JavaScript-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.
JavaScript-Snippets kommen weiter herum als die meisten anderen, auch weil ein großer Teil des Publikums sie ohne Kontext lesen kann.
Codeshot erkennt JavaScript 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.
export async function share(snippet) {
const image = await render(snippet, {
theme: "atom-one",
padding: 20,
});
return upload(image, { format: "png" });
}export async function share(snippet) {
const image = await render(snippet, {
theme: "atom-one",
padding: 20,
});
return upload(image, { format: "png" });
}export async function share(snippet) {
const image = await render(snippet, {
theme: "atom-one",
padding: 20,
});
return upload(image, { format: "png" });
}Asynchroner Code profitiert von einem breiteren Format. Wenn deine Zeilen wegen Promise-Ketten lang werden, hält 16:9 sie einzeilig — und das wiegt schwerer als der Weißraum, den es kostet.
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.
Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.