📰 Bienvenue sur Zer0-Mistakes News Network
Dernière minute : Le thème Jekyll Zer0-Mistakes regroupe 80 fonctionnalités prêtes pour la production dans un seul paquet installable — du développement Docker-first aux analyses respectueuses de la vie privée. Cette page est la visite guidée complète.
📋 Dans ce numéro
- 🏗️ Infrastructure de base — Bootstrap, Docker et installation par IA
- 🤖 Fonctionnalités propulsées par l’IA — Génération d’aperçus, Copilot
- 🔒 Analyses & vie privée — PostHog, consentement aux cookies, RGPD
- 🧭 Navigation & interface — Barre latérale, recherche, mode sombre, raccourcis clavier
- 📚 Gestion de contenu — Notebooks, Mermaid, collections
- ⚙️ Expérience développeur — CI/CD, tests, publications
- 🎨 Vitrine de composants en direct — Démos interactives Bootstrap 5
🏗️ Infrastructure de base
La fondation : Bootstrap 5.3, Docker et installation en une ligne.
Bootstrap 5.3.3 Theme Integration
Professional Jekyll theme with Bootstrap 5.3.3 CDN integration, responsive design, and custom styling
Docker-First Development Environment
Universal cross-platform development with Docker Compose. Supports macOS (Intel/Apple Silicon), Linux, and Windows WSL with zero local dependencies
- Platform specification: linux/amd64 for Apple Silicon compatibility
- Live reload with volume mounting
- Port 4000:4000 mapping
- Development and production configurations
- Automated dependency installation
Modular AI-Powered Installer
Self-healing installer rebuilt as a modular CLI dispatcher with declarative profiles, deploy plugins (Docker, GitHub Pages, custom), AI agent integration, and a cross-platform test matrix. Replaces the monolithic install.sh while preserving the one-line install UX
- Modular library architecture (scripts/lib/install/)
- Declarative profile templates
- Pluggable deploy targets (Docker, GitHub Pages, custom)
- Cross-platform test matrix
- AI agent integration scaffolding
🤖 Fonctionnalités propulsées par l’IA
Un outillage intelligent qui rédige les messages de commit, génère des images d’aperçu et guide le développement.
AI Preview Image Generator
Claude-orchestrated preview-image engine: Claude analyzes each article into an art brief and vision-reviews the render (one corrective regeneration), while OpenAI gpt-image-2 / DALL-E (default), xAI, Stability AI, Google Gemini, or a deterministic local template renders. Per-author styles, batch regeneration
- Claude orchestration: article analysis into art briefs + vision review with one corrective regeneration
- Five-renderer framework with per-vendor model validation
- Graceful degradation to template prompts without a Claude credential
- Retro pixel art default style with per-author overrides
- Front matter integration
AI Agent Integration (Copilot + AGENTS.md)
Comprehensive AI development assistance with the cross-tool AGENTS.md entry point, file-scoped instruction files (layouts, includes, scripts, sass, obsidian, install, features, version-control, testing, documentation), reusable prompts, and Cursor slash-commands
- AGENTS.md cross-tool entry point (Copilot, Codex, Cursor, Aider, …)
- File-pattern specific instructions via applyTo globs
- Reusable agent/chat prompts
- Cursor IDE slash-commands mirror
- AI-optimized front matter standards
🔒 Analyses & vie privée
Conforme au RGPD/CCPA dès la conception — les analyses nécessitent un consentement explicite.
PostHog Privacy-First Analytics
GDPR/CCPA compliant analytics with PostHog integration. Environment-aware loading with granular user consent management
- Production-only loading
- Custom event tracking
- Download tracking
- External link tracking
- Scroll depth measurement
Cookie Consent Management
GDPR/CCPA compliant cookie consent system with granular permissions, 365-day persistence, and Bootstrap modal preferences
- Granular consent categories
- LocalStorage persistence
- Bootstrap modal UI
- Accept/Decline/Manage options
- DNT (Do Not Track) support
Google Analytics
Google Analytics 4 integration for website traffic analysis with privacy-conscious configuration
- GA4 measurement ID support
- Environment-aware loading
- Privacy policy integration
- Cookie consent compatibility
Google Tag Manager
Google Tag Manager integration for centralized tag management and marketing analytics
- Container ID configuration
- Head and body script injection
- Environment-aware loading
- Noscript fallback support
🧭 Navigation & interface
Navigation intelligente, conception axée sur l’accessibilité et composants interactifs soignés.
Enhanced Sidebar Navigation System
Modern sidebar with Intersection Observer scroll spy, smooth scrolling, keyboard shortcuts, and swipe gestures. 70% reduction in scroll event overhead
Keyboard Navigation System
Comprehensive keyboard shortcuts for power users. Navigate sections, toggle sidebars, and access features without mouse
Mobile TOC Floating Action Button
Redesigned mobile table of contents access with FAB pattern. Bottom-right positioned 56x56px circular button with proper z-index stacking
Skip-to-Content Accessibility Link
WCAG 2.1 Level AA compliant skip link. Visually hidden until Tab focus, direct jump to main content bypassing navigation
Back to Top Button
Floating button that appears on scroll, allowing users to quickly return to the top of the page with smooth scrolling animation
Code Copy Button
One-click copy functionality for code blocks with visual feedback and clipboard API integration
Dark/Light Mode Toggle
Theme color mode switcher supporting light, dark, and auto modes with system preference detection, localStorage persistence, and a server+client color_mode_default config knob with FOUC prevention
GitHub Pages-Compatible Live Search
Self-contained client-side search with live modal, JSON index, and keyboard shortcut activation. Algolia-free — works on bare GitHub Pages with no external service or API key
Auto-hide Navigation
Smart navigation bar that hides on scroll down and reappears on scroll up for maximum content visibility
Breadcrumbs Navigation
Hierarchical breadcrumb navigation with Schema.org structured data for SEO and user orientation
📚 Gestion de contenu
Notebooks Jupyter, diagrammes Mermaid, collections structurées et recherche plein texte.
Jupyter Notebook Integration
Full Jupyter notebook support with GitHub Pages compatibility. Automated nbconvert conversion, rich content rendering, and responsive design
Mermaid Diagram Support
Client-side Mermaid.js integration for 10+ diagram types. GitHub Pages compatible with no build plugins required
Jekyll Collections System
Organized content collections for posts, docs, notebooks, about pages, and quickstart guides with custom permalinks and front matter defaults
Giscus Comments
GitHub Discussions-powered comment system with theme-aware styling, reaction support, and Claude-Code-driven conversation building
MathJax Math Rendering
LaTeX-style mathematical equation rendering with MathJax integration for technical documentation
Table of Contents
Automatic table of contents generation from page headings with scroll spy and smooth scrolling
SEO Optimization
Comprehensive SEO meta tag generation including Open Graph, Twitter Cards, and JSON-LD structured data
Sitemap Generation
Automatic XML sitemap and JSON search index generation for search engine discovery and site search
Statistics Dashboard
Content statistics dashboard layout with metrics visualization for posts, categories, and tags
⚙️ Expérience développeur
Publications automatisées, CI/CD, suites de tests et outillage en scripts shell.
Automated Release Management
Semantic versioning with automated commit analysis, changelog generation, gem publishing, and GitHub releases. Full release pipeline automation
Comprehensive Testing Suite
Automated testing with core, deployment, and quality test suites. Docker-based testing, CI/CD integration, and detailed reporting
Automated Version Bump Workflow
Removed in v1.20.0 — the manual version-bump GitHub Actions workflow was superseded by the release-please pipeline (see ZER0-015). Kept for ID stability and historical reference
CodeQL Security Scanning
Automated security vulnerability scanning with GitHub CodeQL for Ruby and JavaScript code
Comprehensive Layout System
15+ specialized layouts for different content types with consistent hierarchy and Bootstrap integration
Modular Include Components
70+ reusable include components organized by category for maximum flexibility and maintainability
Automated Dependency Updates
GitHub Actions workflow for automated Ruby gem dependency updates with PR creation
Continuous Integration (CI) Workflow
Comprehensive CI pipeline with multi-Ruby version testing, quality checks, and automated deployment validation
Shell Script Automation Library
Collection of 15+ automation scripts for building, testing, releasing, and managing the theme
🎨 Vitrine de composants en direct
Chaque page du thème a accès aux composants Bootstrap 5.3. Voici des exemples interactifs en direct affichés sur cette page — les mêmes composants utilisés dans tout le thème.
Alertes
Messages de retour contextuels pour les actions de l’utilisateur et l’état du système :
docker-compose up pour le rechargement en direct pendant le développement.journals sera renommée article en v1.0._config.yml manquant — exécutez le script d'installation pour en générer un.Boutons
Un système de boutons complet avec couleurs contextuelles, contours et tailles :
Badges
Étiquettes contextuelles, indicateurs d’état et compteurs de notifications :
Cartes
Dispositions de cartes responsives — la brique de base des listes d’articles, des présentations de fonctionnalités et de la documentation :
15+ Dispositions
Des pages d'accueil aux articles de blog, des carnets aux tableaux de bord statistiques — une disposition pour chaque type de contenu.
54+ Includes
Composants modulaires et réutilisables — barres de navigation, barres latérales, analyses, recherche, consentement aux cookies, et plus encore.
19 Modules JS
Navigation ES6, copie de code, modale de recherche, modes de couleur, scroll spy et prise en charge des gestes.
Accordéon
Sections de contenu repliables — idéales pour les FAQ et la documentation détaillée :
docker-compose.yml pour le développement local. Lancez docker-compose up et votre site est en ligne sur localhost:4000 avec rechargement automatique. Prend en charge Apple Silicon, Intel et Linux sans aucune dépendance Ruby locale.
data-bs-theme de Bootstrap avec des transitions CSS fluides.
Onglets
Panneaux de contenu à onglets pour organiser les informations connexes :
Ajoutez à votre _config.yml pour GitHub Pages :
remote_theme: "bamr87/zer0-mistakes"
plugins:
- jekyll-remote-themeExécutez localement avec Docker — sans Ruby :
git clone https://github.com/bamr87/zer0-mistakes.git
cd zer0-mistakes docker-compose up
# Ouvrir http://localhost:4000Installez en tant que gem Ruby pour les projets Jekyll classiques :
# Gemfile
gem "jekyll-theme-zer0", "~> 0.22"
# _config.yml
theme: jekyll-theme-zer0Barres de progression
Indicateurs visuels pour l’état des builds, le suivi de progression et les états de chargement :
Info-bulles et groupe de liste
🚀 Commencer
curl -fsSL https://raw.githubusercontent.com/bamr87/zer0-mistakes/main/install.sh | bashgit clone https://github.com/bamr87/zer0-mistakes.git
cd zer0-mistakes docker-compose upgem install jekyll-theme-zer0Ressources communautaires
- Liste complète des fonctionnalités — Toutes les 80 fonctionnalités avec liens vers la documentation
- Documentation — Guides, tutoriels et référence de l’API
- Problèmes GitHub — Signaler des bugs ou demander des fonctionnalités
- Discussions — Forum d’assistance communautaire
Cette page est automatiquement synchronisée avec le registre des fonctionnalités (_data/features.yml). L’ajout d’une nouvelle fonctionnalité au registre la fait apparaître automatiquement ici. Les cartes de fonctionnalités et la vitrine de composants sont des includes réutilisables — utilisez ⟦491⟧⟦492⟧⟦493⟧ et ⟦494⟧⟦495⟧⟦496⟧ dans n’importe quelle page.