Darmowy generator odznak do README

Wpisz etykietę i wartość, wybierz kolor i styl (flat, flat-square lub plastic), opcjonalnie dodaj tekst logo i skopiuj odznakę jako adres URL pliku SVG, Markdown lub HTML. Statyczne odznaki działają na stałe i nie mają limitu wyświetleń. To alternatywa dla Shields.io, która obsługuje też dynamiczne wartości odczytywane z publicznego adresu URL z danymi JSON.
Darmowy generator odznak do README

Utwórz odznakę

Uzupełnij etykietę, wartość i kolor, wybierz styl, obejrzyj podgląd SVG i skopiuj adres URL, kod Markdown albo HTML.

Parametry URL

Aktualna wartość jak w odznace, ale w Twoim projekcie

Odznaka to publicznie aktualizowany fakt: wersja, stan buildu czy pokrycie testami obok nazwy projektu. W DynaPictures ta sama aktualna wartość trafia do Twojego projektu: karta wydania wychodzi jako adres URL obrazu, wersja i status przychodzą jako parametry, a krój pisma i logo zostają tam, gdzie je ustawisz.

  • Nazwane parametry w miejscu tekstu etykiety
  • Własne czcionki lub ponad 1000 z Google Fonts
  • Logo i kolory zakotwiczone w projekcie
Adres URL obrazu z własnymi parametrami i spersonalizowany obraz, który zwraca

Jak utworzyć własną odznakę

1.

Wpisz etykietę i wartość

Lewa część to etykieta, np. build, a prawa to wartość, np. passing. Możesz też dodać opcjonalny tekst logo.

2.

Wybierz kolor i styl

Wybierz kolor podany nazwą, np. brightgreen, albo kod hex, a potem styl: flat, flat-square lub plastic. Podgląd odświeża się od razu.

3.

Skopiuj kod

Skopiuj adres URL pliku SVG, kod Markdown do README na GitHubie albo tag img w HTML i wklej go do README, wiki lub strony z dokumentacją.

Dlaczego warto korzystać z tego generatora odznak

Czytelny schemat adresów URL

Odznaka jest zakodowana w ścieżce, np. build-passing-brightgreen.svg, więc nowe odznaki możesz pisać bez otwierania narzędzia.

Stałe odznaki statyczne

Adresy statycznych odznak nigdy nie wygasają i nie mają limitu wyświetleń, więc bezpiecznie posłużą w plikach README, które żyją latami.

Trzy style

Flat, flat-square i plastic pasują do wyglądu odznak, które ma już większość repozytoriów.

Dynamiczne wartości

Wskaż publiczny adres URL z danymi JSON, a odznaka pokaże aktualną wartość, odświeżaną co 5 minut.

Kod Markdown i HTML do skopiowania

Skopiuj dokładny fragment kodu dla serwisów GitHub i GitLab, stron z dokumentacją lub stron HTML, bez ręcznego zabezpieczania znaków specjalnych.

Odznaki statyczne i dynamiczne w pigułce

Odznakę statyczną w pełni opisuje jej adres URL: etykieta, wartość, kolor i styl są częścią ścieżki lub parametrów zapytania, a plik SVG jest serwowany bez daty wygaśnięcia i bez limitu wyświetleń. Odznaka dynamiczna przyjmuje natomiast adres URL publicznego dokumentu JSON i klucz do odczytu, pobiera wartość co 5 minut i wyświetla ją po prawej stronie odznaki, co sprawdza się przy numerach wersji, liczbie testów czy sumie pobrań. Każda odznaka dynamiczna obsługuje 100 otwarć dziennie, łącznie 1000 i działa przez 30 dni, tak samo dla każdej osoby: po 100 otwarciach danego dnia do północy UTC zmienia się w szarą odznakę dziennego limitu, a po wyczerpaniu łącznej liczby lub po 30 dniach pokazuje niewielki komunikat o przejściu na płatny plan. Na platformie DynaPictures generujesz odznaki, wykresy i inne obrazy z własnych szablonów przez API, Zapier lub Make.

Limity

Odznaki statyczne: na stałe, bez limitu wyświetleń. Odznaki dynamiczne: wartość odświeżana co 5 minut, 100 otwarć dziennie, łącznie 1000, przez 30 dni.

Więcej niż odznaki

Platforma DynaPictures generuje pełne obrazy z Twoich własnych projektów, z Twoimi czcionkami i logo, przez API, Zapier lub Make.

Kolory

Używaj nazw kolorów, takich jak brightgreen, green, yellow, orange, red, blue i lightgrey, albo dowolnego 6-cyfrowego kodu hex.

Dodaj odznakę do pliku README w formacie Markdown
API
![build](https://api.dynapictures.com/tools/badge/build-passing-brightgreen.svg)

Najczęściej zadawane pytania

Skopiuj fragment Markdown, który pokazuje narzędzie, np. link do obrazu build-passing-brightgreen.svg, i wklej go na początku pliku README.md. GitHub wyświetli plik SVG bezpośrednio w treści.