changelog

Szablon obrazka OG: changelog / wydanie

Numer wersji, tytuł wydania i trzy najważniejsze zmiany w oknie terminala.

Szablon obrazka Open Graph „changelog / wydanie” wyrenderowany przez Image API

To prawdziwy render z API z przykładowymi wartościami z tabeli niżej, w rozmiarze 1200×630.

Informacje o wydaniu to najczęściej udostępniana strona produktu dla programistów. Ta karta pokazuje wersję dużym krojem o stałej szerokości, a trzy zmiany warte wpisu na X — w oknie terminala. Generujesz ją z pipeline’u wydań, jednym żądaniem na tag.

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
version tekst Numer wersji, np. v2.4.0. domyślnie: v1.0.0 v2.4.0
title tekst Tytuł wydania. Faster renders and WebP output
product tekst Nazwa produktu. Northwind
highlight_1 tekst Pierwsza zmiana w tym wydaniu. Renders 38% faster on cold start
highlight_2 tekst Druga zmiana. WebP and JPEG output formats
highlight_3 tekst Trzecia zmiana. Signed URLs for static sites
date tekst Data w takiej postaci, w jakiej ma się wydrukować. Oct 22, 2026
site tekst Adres changelogu. northwind.dev/changelog
logo adres obrazka Logo. https://example.com/images/logo-northwind.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #22c55e #22c55e
theme dark | light Schemat kolorów: dark albo light. —

Wyrenderuj go jednym żądaniem

Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.

curl -X POST "https://imageapi.benchkithq.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "changelog",
    "modifications": {
        "version": "v2.4.0",
        "title": "Faster renders and WebP output",
        "product": "Northwind",
        "highlight_1": "Renders 38% faster on cold start",
        "highlight_2": "WebP and JPEG output formats",
        "highlight_3": "Signed URLs for static sites",
        "date": "Oct 22, 2026",
        "site": "northwind.dev/changelog",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'

Albo wklej podpisany adres w og:image

Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.

<meta property="og:image" content="https://imageapi.benchkithq.com/i/acc_YOUR_ACCOUNT_ID/changelog.png?date=Oct%2022%2C%202026&highlight_1=Renders%2038%25%20faster%20on%20cold%20start&highlight_2=WebP%20and%20JPEG%20output%20formats&highlight_3=Signed%20URLs%20for%20static%20sites&product=Northwind&site=northwind.dev%2Fchangelog&title=Faster%20renders%20and%20WebP%20output&version=v2.4.0&s=YOUR_SIGNATURE">

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.

curl -X POST "https://imageapi.benchkithq.com/v1/templates/library/changelog/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów obrazków OG

Wszystkie szablony →