blog · premium

Blog Pro

Blog premium Tailwind CSS v4, dark/light togglable, cards modernes, cover images, tags, table des matières, reading time, presets de couleurs.

blog premium tailwind dark-mode tags toc responsive

https://pilot-blogpro.cms.cybtek.fr Ouvrir

Fonctionnalités

Tailwind CSS v4 (compilation 5× plus rapide)
Dark mode togglable avec persistance localStorage
5 presets de couleurs (neutral, violet, emerald, rose, amber)
Cover images optimisées
Tags depuis convention `Tags: foo, bar` dans les docs
Table des matières sticky avec scroll-spy
Reading time auto-calculé
Code blocks avec bouton copy
Filtre client-side par tag sur la home
Hero featured (premier article plus grand)
RSS + sitemap auto
Animations CSS subtiles

Provisionner

Sur le VPS Cybtek Matrix :

bash provision-site.sh \
  --tenant <ton-tenant> \
  --site <slug-du-site> \
  --template astro-blog-pro \
  --collections "<id-collection-outline>" \
  --title "Mon site" \
  --description "Ma description"

Démo live

Variables

OUTLINE_COLLECTION_IDS *: csv
SITE_TITLE *: string
SITE_DESCRIPTION: string
SITE_LANG: enum Valeurs : fr, en Défaut : fr
SITE_LOGO_URL: url
SITE_COLOR_PRESET: Préset de couleur d'accent appliqué à l'ensemble du site Valeurs : neutral, violet, emerald, rose, amber Défaut : neutral
SITE_DEFAULT_MODE: Mode par défaut au premier chargement (auto = suit le système, l'utilisateur peut toujours basculer via le bouton) Valeurs : light, dark, auto Défaut : auto