# Szablon obrazka OG: Fragment kodu

Ciemne okno edytora z numerami wierszy, kolorowaniem składni i kartą pliku, na tle w kolorze akcentu.

- Slug: `code-snippet`
- Preview (real render): https://shareglint.com/img/templates/code-snippet.jpg
- Page: https://shareglint.com/pl/templates/code-snippet

Do porad, poradników i wpisów o premierach, które pokazują kod. Kod wysyłasz z prawdziwymi znakami nowej linii; łańcuchy, komentarze, liczby i popularne słowa kluczowe dostają kolory, długie wiersze zawijają się przy swoim numerze, a cały blok zmniejsza się, gdy jest długi. Widać pierwsze 16 wierszy.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `code` | tekst | Kod ze znakami nowej linii. Widać do 16 wierszy. (domyślnie: console.log('Hello, world')) | import { render } from '@northwind/og-kit'  // One template, every size const images = await render({   template: 'blog-og',   sizes: ['og', 'square', 'story'],   title: 'Ship faster with signed URLs', })  console.log(images.length) // 3 |
| `title` | tekst | Tytuł nad edytorem. | Render every social size in one call |
| `filename` | tekst | Nazwa pliku na karcie edytora. | render.ts |
| `language` | tekst | Język na pasku edytora, np. TypeScript. | TypeScript |
| `author` | tekst | Autor albo jego nick obok tytułu. | @mayacodes |
| `site` | tekst | Twoja domena albo krótki adres. | northwind.dev/blog |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #6366f1) | #6366f1 |
| `theme` | dark | light | Schemat kolorów: dark albo light. | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "code-snippet",
    "modifications": {
        "code": "import { render } from '\''@northwind/og-kit'\''\n\n// One template, every size\nconst images = await render({\n  template: '\''blog-og'\'',\n  sizes: ['\''og'\'', '\''square'\'', '\''story'\''],\n  title: '\''Ship faster with signed URLs'\'',\n})\n\nconsole.log(images.length) // 3",
        "title": "Render every social size in one call",
        "filename": "render.ts",
        "language": "TypeScript",
        "author": "@mayacodes",
        "site": "northwind.dev/blog"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/code-snippet/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```