Przejdź do treści

O stronie

Chirping Astro - wielojęzyczny motyw Astro inspirowany Chirpy, stworzony dla autorów i majsterkowiczów.

Chirping Astro to motyw open source, który przenosi wygląd i charakter popularnego motywu Jekyll Chirpy do Astro - z pełną obsługą internacjonalizacji, nowoczesnym zestawem narzędzi i czytaniem wpisów bez wymaganego JavaScriptu.

Jest przeznaczony dla blogów osobistych, dzienników technicznych i stron dokumentacji, gdzie typografia, wyszukiwanie i spokojna lektura są ważniejsze niż animacje oraz przestrzeń reklamowa.

  • Układ nastawiony na czytanie - stały lewy pasek boczny z avatarem, pionową nawigacją, przełącznikiem motywu i linkami społecznościowymi; wyśrodkowana kolumna główna ograniczona do 1250 px; prawy panel z sekcjami “Ostatnio zaktualizowane” i “Popularne tagi”.
  • Jasny i ciemny motyw - oryginalna paleta Chirpy przeniesiona na tokeny daisyUI v5, z kolistym przejściem między trybami.
  • Treść dwujęzyczna (EN + PL) - angielski jest dostępny w katalogu głównym, a polski pod /pl/. Wpisy są parowane przez translationKey, a przełącznik języka w górnym pasku prowadzi między wersjami. Ustaw multilingual: false w src/config.ts, aby opublikować stronę jednojęzyczną.
  • Markdown + MDX - Astro Content Collections z typowanym frontmatter, podświetlaniem składni Shiki, GFM, przypisami, automatycznym spisem treści i gotowym komponentem <Callout>.
  • Matematyka LaTeX - opcjonalna obsługa KaTeX dla wpisu przez math: true.
  • Natychmiastowe wyszukiwanie - Pagefind generuje statyczny indeks podczas budowania; nakładka wyszukiwania ładuje się na żądanie.
  • Komentarze - integracja Giscus oparta na GitHub Discussions, z możliwością wyłączenia per wpis.
  • Płynna nawigacja - przejścia widoków Astro z dyskretnym zanikiem i wariantem respektującym prefers-reduced-motion.
  • SEO od razu - OpenGraph, karty Twittera, kanały RSS per locale, hreflang i mapa strony.

Prawie cała konfiguracja znajduje się w jednym typowanym pliku src/config.ts - tytuł strony, autor, nawigacja, linki społecznościowe, liczba wpisów na stronę, domyślny locale, dane Giscus i przełączniki funkcji. Po zmianach uruchom ponownie bun run dev.

Nowe wpisy trafiają do src/content/posts/<locale>/. Paruj tłumaczenia, używając tego samego translationKey w obu plikach. Referencja frontmatter na tej stronie demo opisuje każde pole.

Udostępnione na licencji MIT. Warstwa wizualna jest hołdem dla Chirpy autorstwa Cotes Chung; implementacja Astro, treść i kod są niezależne.