Mon Blog Multilingue

A Propos

Tue, 07 Apr 2026 19:18:27 +0000

web
title: À propos
twitter_description: Page À propos github blog
twitter_image: https://lombard-web-services.github.io/github-blog/dist/static/uploads/29e2b4c3eadf4c6bb04202ec78e6f173.png
twitter_title: À propos

[h1]👤 À Propos de GitHub Blog & Son Créateur[/h1]
[h4]Bonjour, je suis Thibaut Lombard, ingénieur/développeur web spécialisé dans l'IA , passionné et créateur de GitHub Blog.[/h4]
Bienvenue sur cette page qui présente l'homme derrière le projet, la vision qui l'anime, et la communauté qui le fait vivre.
Cette page est votre fenêtre ouverte sur l'écosystème GitHub Blog - qui je suis, pourquoi j'ai créé cet outil, et comment vous pouvez en faire partie.
Les projets sans âme et sans créateur visible appartiennent au passé. Avec GitHub Blog, vous connaissez la personne derrière le code, ses motivations, et son engagement envers la communauté.
[h4]À gauche[/h4], mon parcours de développeur.
[h4]En haut[/h4], la vision qui guide ce projet.
[h4]À droite[/h4], les opportunités de collaboration.
[h4]Partout[/h4], une invitation à rejoindre l'aventure.
[h2]🚀 Qui est Thibaut Lombard ?[/h2]
Je suis un [h4] ingénieur/développeur web spécialisé dans l'IA passionné[/h4] basé en France à Les Forges, passionné par les technologies open source et la création d'outils qui simplifient la vie des créateurs de contenu.
[h3]🌐 Ma Présence en Ligne[/h3]
[h4]Twitter / X[/h4] : [url=https://x.com/lombardweb ]@lombardweb[/url] - Mon fil de veille tech, actualités du projet et échanges avec la communauté
[h4]GitHub[/h4] : [url=https://github.com/Lombard-Web-Services ]Lombard-Web-Services[/url] - Tous mes projets open source et contributions
[h4]Site Web[/h4] : [url=https://lombard-web-services.com ]lombard-web-services.com[/url] - Mon portfolio et services professionnels
[h4]Email[/h4] : contact@lombard-web-services.com - Pour les collaborations et questions professionnelles
[h3]💡 Ma Philosophie de Développement[/h3]
[h4]La simplicité est la sophistication suprême[/h4] ❝
Je crois profondément que les meilleurs outils sont ceux qui disparaissent pour laisser place à la créativité. C'est cette conviction qui a guidé chaque ligne de code de GitHub Blog.
[h4]Les valeurs qui animent mon travail :[/h4]
[html]

✅ [h4]Open Source d'abord[/h4] - La connaissance doit être libre et partagée
✅ [h4]Accessibilité avant tout[/h4] - Des outils puissants mais simples d'utilisation
✅ [h4]Multilingue par défaut[/h4] - Le web doit parler toutes les langues
✅ [h4]Performance non négociable[/h4] - Rapide, léger, efficace

[/html]
[h2]🎯 Pourquoi J'ai Créé GitHub Blog ?[/h2]
L'histoire de ce projet commence avec une frustration personnelle que beaucoup de développeurs partagent.
[h3]🔍 Le Problème que Je Voulais Résoudre[/h3]
[h4]Les CMS traditionnels[/h4] (WordPress, etc.) sont lourds, lents, et demandent une maintenance constante
[h4]Les générateurs statiques existants[/h4] (Jekyll, Hugo) sont puissants mais pas assez personnalisables en rapport temps/travail.
[h4]Le multilingue[/h4] est souvent une réflexion après-coup, mal intégrée
[h4]GitHub Pages[/h4] est gratuit mais peu d'outils en exploitent vraiment le potentiel
[h4]L'interface d'administration[/h4] manque cruellement aux solutions statiques
Je voulais créer le pont entre la puissance des sites statiques et le confort d'un CMS moderne.
[h3]🛠️ La Genèse du Projet[/h3]
[html]

📅 Chronologie du développement :

2026 - Première version, expérimentations avec Python et Jinja2

2026 - Intégration de l'interface d'administration BBCode

2026 - Support multilingue avec 7 langues et gestion RTL

2026 - Optimisation SEO complète et génération automatique d'images

2026 - Version statique stable, documentation complète, communauté active

[/html]
[h2]🌍 La Vision : Un Web Plus Accessible[/h2]
[h4]GitHub Blog n'est pas qu'un projet technique, c'est une mission.[/h4]
[h3]🎯 Objectifs à Long Terme[/h3]
[h4]Démocratiser les blogs statiques[/h4] - Permettre à chacun d'avoir un site performant sans expertise technique avancée
[h4]Favoriser le multilingue[/h4] - Réduire les barrières linguistiques sur le web, soutenir les langues minoritaires comme le Tamazight
[h4]Promouvoir GitHub Pages[/h4] - Montrer que l'hébergement gratuit peut être professionnel
[h4]Créer une communauté d'entraide[/h4] - Des créateurs qui s'aident mutuellement à réussir en ligne
[h3]🌟 Ce Qui Me Rend Fier[/h3]
[h4]7 langues intégrées[/h4] dont 2 langues RTL (Arabe et Darija) et le Tamazight, patrimoine culturel berbère
[h4]Des centaines de téléchargements[/h4] et une communauté grandissante
[h4]Des retours positifs[/h4] de développeurs et créateurs de contenu du monde entier
[h4]Un projet 100% open source[/h4] qui respecte la vie privée (pas de tracking, pas de données collectées)
[h2]🤝 Rejoignez l'Aventure[/h2]
Un projet open source ne vit que par sa communauté. Voici comment vous pouvez participer :
[h3]⭐ Soutenez le Projet[/h3]
[html]

🌟 Mettez une étoile
Sur le dépôt GitHub pour augmenter la visibilité

🐛 Signalez des bugs
Ouvrez des issues pour les problèmes rencontrés

💡 Proposez des idées
Partagez vos suggestions d'amélioration

🔧 Contribuez au code
Pull requests bienvenues !

[/html]
[h3]🌐 Partagez Votre Expérience[/h3]
[h4]Créez avec GitHub Blog[/h4] et partagez le lien sur Twitter avec #GitHubBlog
[h4]Recommandez-le[/h4] à d'autres développeurs et créateurs de contenu

[h2]🙏 Remerciements[/h2]
Ce projet n'existerait pas sans l'aide précieuse de :
Python, Jinja2, Markdown, Pillow, et tous les projets qui rendent GitHub Blog possible

[h4]Vous, utilisateurs[/h4]
Chaque personne qui télécharge, installe, et utilise GitHub Blog donne du sens à ce projet
[h2]💭 Une Dernière Pensée[/h2]
« Le web devrait être un espace où chacun peut s'exprimer librement, dans sa langue, avec des outils performants et respectueux de sa vie privée. GitHub Blog est ma contribution à cette vision. »
— Thibaut Lombard
[h4]Merci de faire partie de cette aventure.[/h4]
À très bientôt dans le code, sur les réseaux, ou qui sait, autour d'un café virtuel !
[h4]Thibaut Lombard[/h4]
[h4]Fondateur de Lombard Web Services[/h4]
[h4]Créateur de GitHub Blog[/h4]

[html]

👤 À Propos - GitHub Blog

Créé avec passion par Thibaut Lombard

@lombardweb |
GitHub |
Email

MIT License - 2026

[/html]

Mon Premier Article

Tue, 07 Apr 2026 19:18:27 +0000

features
title: Mon premier article
twitter_description: voila le article
twitter_image: https://lombard-web-services.github.io/github-blog/dist/static/uploads/95a39a0882474bb69596c17d208eb86b.png
twitter_title: Mon premier article

[h1] Bienvenue dans le GitHub Blog ![/h1]

[h4]Cher développeur, créateur de contenu, passionné du web,[/h4]

Nous sommes ravis de vous accueillir dans l'écosystème GitHub Blog - Version Statique, la solution ultime pour créer et gérer votre blog professionnel avec une simplicité déconcertante.

Cet article est votre guide de démarrage rapide pour découvrir toutes les merveilles que notre générateur de blog statique met à votre disposition. Préparez-vous à être ébloui !

Les solutions compliquées et lourdes appartiennent désormais au passé. Avec GitHub Blog, tout devient fluide, élégant et performant.

[h2] Un Blog Qui Parle Toutes Les Langues du Monde[/h2]

Notre support multilingue est tout simplement [h4]exceptionnel[/h4]. Nous avons intégré 7 langues magnifiques pour que votre contenu touche les quatre coins de la planète :

[h4]Français [/h4] - La langue de Molière, de la diplomatie et de l'élégance. Parfaite pour un blog raffiné et littéraire.

[h4]English [/h4] - La lingua franca du web, essentielle pour toucher une audience internationale et professionnelle.

[h4]العربية (Arabe) [/h4] - Une langue d'une beauté calligraphique inégalée, avec support complet [h4]RTL[/h4] (Right-to-Left) pour une expérience de lecture authentique et respectueuse des traditions.

[h4]हिन्दी (Hindi) [/h4] - La langue du sous-continent indien, parlée par des centaines de millions de personnes, porteuse d'une riche culture millénaire.

[h4] (Chinois) [/h4] - L'écriture la plus ancienne encore utilisée, idéale pour toucher le marché asiatique en pleine expansion.

[h4]الدارجة (Darija) [/h4] - Le dialecte marocain, langue vivante et chaleureuse du Maghreb, avec son charme unique et son authenticité locale.

[h4] (Tamazight/Berber) [/h4] - La langue amazighe, patrimoine culturel immatériel de l'humanité, symbole de résilience et d'identité berbère.

Chaque langue est traitée avec le respect qu'elle mérite, avec des drapeaux appropriés, des directions de lecture correctes (LTR ou RTL), et une détection automatique de la langue du navigateur de vos visiteurs !

[h2] Maîtrisez la Visibilité de Vos Articles[/h2]

Voici une fonctionnalité qui va [h4]révolutionner[/h4] votre gestion de contenu :

Afficher ou masquer un article de la page d'accueil !

Dans notre éditeur d'articles, vous disposez d'une option magique : la case [h4]"hide_from_home"[/h4]. Cette fonctionnalité vous offre un contrôle total :

[h4]Cochez cette option[/h4] → Votre article disparaît de la page d'accueil et des listes d'articles, mais reste accessible directement via son URL. Parfait pour les pages légales, CGV, mentions légales, ou articles confidentiels !

[h4]Décochez cette option[/h4] → Votre article apparaît fièrement dans la grille des articles, visible de tous vos visiteurs.

L'astuce de pro : Utilisez cette fonction pour créer des landing pages spéciales, des pages de remerciement, ou du contenu premium accessible uniquement via un lien direct !

[h2] La Puissance de PostgreSQL à Votre Service[/h2]
Pour les utilisateurs avancés qui souhaitent aller plus loin, GitHub Blog propose une [h4]intégration PostgreSQL optionnelle[/h4] qui transforme votre blog en machine de guerre :

[h4]Journalisation Complète[/h4] - Chaque action administrateur est loguée avec précision (création, modification, suppression d'articles)

[h4]Historique des Versions[/h4] - Chaque modification d'article est versionnée. Vous pouvez revenir à n'importe quelle version précédente !

[h4]Statistiques Avancées[/h4] - Compteurs automatiques de catégories et tags, analyses de fréquence de publication

[h4]Sauvegardes Automatiques[/h4] - Export SQL programmé pour sécuriser vos données

[h4]Recherche Indexée[/h4] - Indexation avancée pour des recherches ultra-rapides dans votre contenu

[html]

Configuration simplifiée : Activez PostgreSQL dans vos paramètres, créez vos tables en un clic depuis l'interface d'administration, et laissez la magie opérer !

[/html]

[h2] SEO Ultime : Dominez les Moteurs de Recherche[/h2]

Notre éditeur d'articles intègre un [h4]système SEO complet et professionnel[/h4]. Chaque article peut être optimisé avec les métadonnées suivantes :

[h3] Métadonnées Globales[/h3]

[h4]Title (Titre)[/h4] - Le titre principal de votre article, affiché dans l'onglet du navigateur et les résultats de recherche

[h4]Description[/h4] - Le résumé accrocheur qui apparaît sous votre lien dans Google (meta description)

[h4]Robots[/h4] - Contrôlez l'indexation avec des directives comme "index, follow" ou "noindex, nofollow"

[h4]Canonical URL[/h4] - Évitez le contenu dupliqué en spécifiant l'URL canonique de référence

[h3] Open Graph (Facebook, LinkedIn...)[/h3]

[h4]og:title[/h4] - Titre optimisé pour les partages sociaux

[h4]og:description[/h4] - Description enrichie pour les réseaux sociaux

[h4]og:image[/h4] - L'image qui s'affichera lors du partage (redimensionnée automatiquement en 1200x630 pixels !)

[h4]og:type[/h4] - Type de contenu (article, website...)

[h4]og:locale[/h4] - Langue et région (fr_FR, en_US...)

[h4]og:site_name[/h4] - Nom de votre blog

[h3] Twitter Cards[/h3]

[h4]twitter:card[/h4] - Type de carte (summary, summary_large_image)

[h4]twitter:title[/h4] - Titre spécifique pour Twitter

[h4]twitter:description[/h4] - Description pour Twitter

[h4]twitter:image[/h4] - Image optimisée pour Twitter

[h4]twitter:site[/h4] - Votre handle Twitter (@votrecompte)

[h4]twitter:creator[/h4] - Auteur du tweet

[h3] Métadonnées Techniques[/h3]

{} [h4]Theme Color[/h4] - Couleur de la barre d'adresse sur mobile

{} [h4]Author[/h4] - Nom de l'auteur de l'article

{} [h4]Publisher[/h4] - Éditeur du contenu

{} [h4]Keywords[/h4] - Mots-clés pertinents pour le référencement

[h3] Images SEO Automatiques[/h3]

Notre système gère automatiquement vos images SEO :

[html]

Redimensionnement automatique en 1200x630px pour Open Graph
Format optimisé pour Twitter Cards
Génération de variants (thumb, medium, large)
Conversion WebP pour des performances maximales
Alt text personnalisable pour l'accessibilité

[/html]

[h2] Fonctionnalités Supplémentaires Exceptionnelles[/h2]

[h4]Éditeur BBCode Riche[/h4]

Notre éditeur supporte toutes les balises BBCode essentielles :
- [h4]Gras[/h4], Italique, Souligné, Barré
- Titres [h1]H1[/h1] jusqu'à [h6]H6[/h6]
- Listes ordonnées et non-ordonnées
- Code avec coloration syntaxique
- Citations, liens, images
- Et bien plus encore !

[h4]Gestionnaire de Médias Intelligent[/h4]

Upload drag & drop
Génération automatique de variants (thumb, medium, large)
Conversion WebP transparente
Organisation par dossiers
Intégration directe dans l'éditeur

[h4]Personnalisation Complète[/h4]

Hero section configurable avec gradient personnalisé
Couleurs du thème ajustables
Mode sombre/clair automatique
Footer multi-colonnes
Menu de navigation flexible

[h2] Prêt à Décoller ?[/h2]

GitHub Blog - Version Statique est votre passeport vers un blog professionnel, multilingue, optimisé SEO, et déployable gratuitement sur GitHub Pages.

[h4]Les avantages sont innombrables :[/h4]

[html]

Performance
Génération statique ultra-rapide

Sécurité
Pas de base de données = pas de failles SQL

Gratuit
Hébergement gratuit sur GitHub Pages

Flexible
Personnalisation illimitée

[/html]

Rejoignez dès maintenant notre communauté de créateurs et faites briller votre contenu sur le web !

[h3]Liens Utiles[/h3]

[h4]Documentation complète[/h4] : Consultez notre README détaillé
[h4]Téléchargement[/h4] : github-blog-static.zip
[h4]Support[/h4] : Ouvrez une issue sur GitHub
[h4]Contact[/h4] : contact@lombard-web-services.com

[h2] Star Ce Projet ![/h2]

Si vous trouvez GitHub Blog utile, n'hésitez pas à [h4]donner une étoile[/h4] à notre dépôt sur GitHub. Cela nous aide énormément et motive l'équipe à continuer d'améliorer le projet !

Merci de faire partie de l'aventure.

[h4]Bonne création et à bientôt dans nos lignes de code ![/h4]

[html]

GitHub Blog - Version Statique

Créé avec par Lombard Web Services

MIT License - 2024

[/html]

La Personnalisation Des Themes

Tue, 07 Apr 2026 19:18:27 +0000

ux
ui
title: La personnalisation des thèmes
twitter_description: Documentation sur la personnalisation de thèmes
twitter_image: https://lombard-web-services.github.io/github-blog/dist/static/uploads/29c45566a9194946b7c65ee7862e080a.png
twitter_title: La personnalisation des thèmes

[h1]Personnalisez Votre Navigation : Menu & Footer sur Mesure[/h1]

[h4]Chers créateurs de contenu, architectes du web, perfectionnistes du design,[/h4]

Bienvenue dans ce guide complet dédié à la personnalisation de la navigation de votre GitHub Blog. Découvrez comment sculpter l'expérience utilisateur de votre blog en contrôlant chaque lien, chaque section, chaque détail de votre interface.

Ce tutoriel est votre clé pour une navigation fluide et professionnelle qui guidera vos visiteurs à travers votre contenu avec élégance et efficacité.

Les menus figés et les footers impersonnels appartiennent au passé. Avec GitHub Blog, vous avez le pouvoir total sur chaque élément de navigation.

[h4]À gauche[/h4], la flexibilité du menu principal.
[h4]En haut[/h4], la barre de navigation entièrement configurable.
[h4]À droite[/h4], le sélecteur de langue positionnable.
[h4]Partout[/h4], un footer multi-colonnes adapté à vos besoins.

[h2]Le Menu de Navigation : Votre Carte au Trésor[/h2]

Le menu de navigation est le [h4]coeur battant[/h4] de l'expérience utilisateur de votre blog. C'est par lui que vos visiteurs découvriront votre univers. GitHub Blog vous offre un contrôle absolu sur cette composante essentielle.

[h3]Configuration via menu.yaml[/h3]

Toute la magie opère dans le fichier [code]content/config/menu.yaml[/code]. C'est ici que vous définissez l'architecture de votre navigation.

[h4]Structure de base du menu[/h4]

[html]

menu:

logo:

enabled: true

url: '/static/images/logo.png'

text: 'Mon Blog'

language_switcher:

enabled: true

position: right

default: fr

items:

- title: Accueil

  url: /

  type: page

- title: Articles

  url: /articles/

  type: page

[/html]
[h4]Les options du logo[/h4]

[h4]enabled[/h4] - Active ou désactive l'affichage du logo (true/false)

[h4]url[/h4] - Chemin vers votre image de logo (laissez vide pour du texte uniquement)

[h4]text[/h4] - Texte alternatif affiché si pas d'image, ou titre du blog

[h4]Le sélecteur de langue[/h4]

[h4]enabled[/h4] - Active le dropdown de changement de langue

[h4]position[/h4] - Positionnement : [code]left[/code], [code]right[/code], ou [code]center[/code]

[h4]default[/h4] - Code langue par défaut (fr, en, ar, etc.)

[h2]Ajouter un Nouveau Lien au Menu[/h2]

Pour enrichir votre navigation, ajoutez simplement un nouvel élément dans la liste [code]items[/code] :

[html]

Exemple : Ajouter une page "À propos"

title: À propos

url: /a-propos/

type: page

icon: user

[/html]
[h4]Propriétés disponibles pour chaque lien[/h4]

[h4]title[/h4] - Le texte affiché dans le menu (supporte les traductions)

[h4]url[/h4] - L'URL de destination (relative ou absolue)

[h4]type[/h4] - Type de lien : [code]page[/code], [code]external[/code], [code]dropdown[/code]

[h4]icon[/h4] - Icône optionnelle (nom de classe CSS ou emoji)

[h4]new_tab[/h4] - Ouvrir dans un nouvel onglet (true pour les liens externes)

[h4]children[/h4] - Sous-menu (liste d'items imbriqués)

[h3]Exemple de menu complexe avec sous-menus[/h3]

[html]

items:

title: Accueil

url: /

type: page

icon: 🏠
title: Ressources

type: dropdown

icon: 📚

children:
- title: Tutoriels
  
  url: /tutoriels/
- title: Documentation
  
  url: /docs/
- title: FAQ
  
  url: /faq/
title: GitHub

url: https://github.com/username

type: external

new_tab: true

icon: 🐙

[/html]
[h2]Supprimer un Lien du Menu[/h2]

La simplicité est la sophistication suprême. Pour alléger votre navigation :

[h4]Méthode 1 : Suppression complète[/h4]

Supprimez simplement les lignes correspondantes dans le fichier [code]menu.yaml[/code] :

[html]

Avant :

title: Ancienne page

url: /ancienne/

type: page

Après : [Supprimez ces lignes]

[/html]
[h4]Méthode 2 : Désactivation temporaire[/h4]

Utilisez la propriété [code]enabled: false[/code] pour masquer sans supprimer :

[html]

title: Page en maintenance

url: /maintenance/

type: page

enabled: false

[/html]
[h2]Le Footer : Votre Signature Digitale[/h2]

Le footer est bien plus qu'une simple zone de bas de page. C'est votre [h4]dernière impression[/h4], votre carte de visite, votre centre de ressources. GitHub Blog transforme votre footer en outil de navigation puissant.

[h3]Configuration via footer.yaml[/h3]

Le fichier [code]content/config/footer.yaml[/code] contrôle l'ensemble du pied de page.

[h4]Structure complète du footer[/h4]

[html]

footer:

enabled: true

columns:

- title: Navigation

  links:

    - title: Accueil

      url: /

    - title: Articles

      url: /articles/

- title: Ressources

  links:

    - title: Documentation

      url: /docs/

    - title: API

      url: /api/

bottom_bar:

enabled: true

copyright: "© 2026 Mon Blog. Tous droits réservés."

links:

  - title: Mentions légales

    url: /mentions-legales/

  - title: Politique de confidentialité

    url: /confidentialite/

[/html]
[h2]Ajouter une Colonne au Footer[/h2]

Pour créer une nouvelle section dans votre footer, ajoutez un bloc dans la liste [code]columns[/code] :

[html]

Exemple : Ajouter une colonne "Réseaux sociaux"

title: Réseaux sociaux

links:

- title: Twitter

  url: https://twitter.com/moncompte

  external: true

  icon: 🐦

- title: LinkedIn

  url: https://linkedin.com/in/monprofil

  external: true

  icon: 💼

- title: GitHub

  url: https://github.com/username

  external: true

  icon: 🐙

[/html]
[h4]Propriétés des colonnes[/h4]

[h4]title[/h4] - Titre de la colonne affiché en gras

[h4]links[/h4] - Liste des liens contenus dans cette colonne

[h4]width[/h4] - Largeur optionnelle ([code]small[/code], [code]medium[/code], [code]large[/code])

[h4]Propriétés des liens de footer[/h4]

[h4]title[/h4] - Texte du lien

[h4]url[/h4] - URL de destination

[h4]external[/h4] - Lien externe (ajoute [code]target="_blank"[/code] et une icône)

[h4]icon[/h4] - Emoji ou classe d'icône à afficher avant le texte

[h2]Supprimer une Colonne ou un Lien du Footer[/h2]

[h4]Supprimer une colonne entière[/h4]

Identifiez et supprimez le bloc correspondant dans [code]columns[/code] :

[html]

Suppression de la colonne "Ancienne section" :

[Supprimez ces lignes :]

title: Ancienne section

links:

- title: Lien obsolète

  url: /obsolete/

[/html]
[h4]Supprimer un lien spécifique[/h4]

Dans une colonne, retirez simplement l'élément de la liste [code]links[/code] :

[html]

Avant :

title: Navigation

links:

- title: Accueil

  url: /

- title: Page obsolète

  url: /old/

- title: Contact

  url: /contact/

Après :

title: Navigation

links:

- title: Accueil

  url: /

- title: Contact

  url: /contact/

[/html]
[h2]Personnalisation Avancée[/h2]

[h3]Barre de copyright inférieure[/h3]

La [code]bottom_bar[/code] permet d'ajouter une ligne de copyright et des liens légaux :

[html]

bottom_bar:

enabled: true

show_year: true

links:

- title: CGV

  url: /cgv/

- title: Confidentialité

  url: /confidentialite/

- title: Cookies

  url: /cookies/

[/html]
[h3]Style et apparence[/h3]

Le style visuel du menu et du footer est contrôlé via les variables CSS dans [code]personalization.yaml[/code] :

[html]

colors:

menu_background: "#ffffff"

menu_text: "#1f2937"

menu_hover: "#3b82f6"

footer_background: "#1f2937"

footer_text: "#f3f4f6"

footer_link_hover: "#60a5fa"

[/html]
[h2]Bonnes Pratiques et Conseils de Pro[/h2]

[h4]Pour un menu optimal[/h4]

[html]

✅ Limitez à 5-7 liens principaux pour ne pas submerger l'utilisateur
✅ Utilisez des titres clairs et concis (1-2 mots maximum)
✅ Organisez par ordre d'importance (les plus importants à gauche)
✅ Utilisez les sous-menus pour regrouper le contenu connexe
✅ Testez sur mobile : la navigation responsive est cruciale
✅ Gardez une cohérence entre les langues si vous êtes multilingue

[/html]
[h4]Pour un footer efficace[/h4]

[html]

✅ Limitez à 3-4 colonnes maximum
✅ Regroupez logiquement : Navigation, Ressources, Légal, Social
✅ Incluez toujours les liens légaux obligatoires (mentions légales, confidentialité)
✅ Ajoutez vos réseaux sociaux pour renforcer votre présence
✅ Personnalisez le copyright avec votre marque
✅ Vérifiez que tous les liens fonctionnent après chaque modification

[/html]
[h2]Exemple Complet : Configuration Optimale[/h2]

Voici une configuration recommandée pour un blog professionnel :

[html]

Menu.yaml recommandé :

menu:

logo:

enabled: true

text: Mon Blog Pro

language_switcher:

enabled: true

position: right

items:

- title: Accueil

  url: /

- title: Blog

  url: /articles/

- title: À propos

  url: /a-propos/

- title: Contact

  url: /contact/

[/html]
[html]

Footer.yaml recommandé :

footer:

enabled: true

columns:

- title: Navigation

  links:

    - title: Accueil

      url: /

    - title: Articles

      url: /articles/

- title: Légal

  links:

    - title: Mentions légales

      url: /mentions-legales/

    - title: Confidentialité

      url: /confidentialite/

- title: Suivez-nous

  links:

    - title: Twitter

      url: https://twitter.com/

      external: true

bottom_bar:

enabled: true

copyright: "© 2026 Mon Blog Pro. Tous droits réservés."

[/html]
[h2]Appliquer les Modifications[/h2]

Après chaque changement dans [code]menu.yaml[/code] ou [code]footer.yaml[/code] :

[html]

1. Sauvegardez le fichier de configuration
2. Relancez le build : python3 build.py --static --base-url "/votre-repo/dist"
3. Rafraîchissez votre page pour voir les changements
4. Testez tous les liens pour vérifier qu'ils fonctionnent

[/html]
[h2]Récapitulatif des Fichiers[/h2]

[h4]content/config/menu.yaml[/h4] - Contrôle la barre de navigation principale

[h4]content/config/footer.yaml[/h4] - Contrôle le pied de page et ses colonnes

[h4]content/config/personalization.yaml[/h4] - Contrôle les couleurs et l'apparence visuelle

[h2]Astuce Finale[/h2]

La navigation est comme un guide touristique : elle doit montrer le chemin sans imposer l'itinéraire. Gardez votre menu léger, votre footer informatif, et vos visiteurs vous remercieront par leur fidélité.

[h4]Vous avez maintenant toutes les clés pour créer une navigation sur mesure qui reflète parfaitement l'identité de votre blog ![/h4]

N'oubliez pas de tester sur différents appareils et de demander des retours à vos visiteurs pour affiner continuellement l'expérience.

[h3]Liens Utiles[/h3]

[h4]Documentation complète[/h4] : Consultez le README principal
[h4]Exemples de configurations[/h4] : Dépôt GitHub /examples
[h4]Support[/h4] : Ouvrez une issue sur GitHub
[h4]Communauté[/h4] : Discussions GitHub

[h2]Partagez Votre Création ![/h2]

Une fois votre navigation personnalisée, [h4]partagez une capture d'écran[/h4] sur les réseaux sociaux avec le hashtag [code]#GitHubBlog[/code] !

Merci de faire partie de cette aventure.

[h4]Bonne personnalisation et à bientôt dans nos lignes de code ![/h4]

[html]

GitHub Blog - Navigation Personnalisable

Votre blog, votre navigation, votre style

MIT License - 2026

[/html]

License

Tue, 07 Apr 2026 19:18:27 +0000

MIT
License
title: License
twitter_description: Page de description de la license de Github-Blog
twitter_image: https://lombard-web-services.github.io/github-blog/dist/static/uploads/39cba30f9da14d059c009e3f1818c402.png
twitter_title: License

[h1] Licence MIT - GitHub Blog[/h1]

[h4]Chers utilisateurs, développeurs, contributeurs et amis du libre,[/h4]

Cette page définit les termes légaux sous lesquels GitHub Blog vous est offert. Elle garantit votre liberté d'utiliser, modifier et partager ce projet tout en protégeant les créateurs originaux.

Cette licence est votre passeport vers une utilisation sans contrainte de GitHub Blog, que vous soyez particulier, entreprise, ou institution.

Les licences restrictives et propriétaires appartiennent à un autre monde. Avec GitHub Blog, vous bénéficiez de la plus grande liberté que le droit d'auteur puisse offrir.

[h4]À gauche[/h4], vos droits d'utilisation.
[h4]En haut[/h4], la protection des contributeurs.
[h4]À droite[/h4], vos obligations minimales.
[h4]Partout[/h4], la philosophie du logiciel libre.

[h2] Qu'est-ce que la Licence MIT ?[/h2]

La [h4]Licence MIT[/h4] est l'une des licences open source les plus permissives et les plus utilisées dans le monde du développement logiciel. Elle vous accorde une liberté quasi-totale sur le logiciel.

[h3] Caractéristiques Principales[/h3]

[h4]Permissive[/h4] - Vous pouvez faire presque tout ce que vous voulez avec le code

[h4]Simple[/h4] - Rédigée en langage clair, compréhensible par tous

[h4]Courte[/h4] - Seulement quelques paragraphes pour couvrir l'essentiel

[h4]Compatible[/h4] - Fonctionne avec d'autres licences, y compris propriétaires

Créée au Massachusetts Institute of Technology (MIT) dans les années 1980, cette licence est devenue le standard de l'industrie pour sa clarté et sa flexibilité.

[h2] Ce Que Vous Pouvez Faire[/h2]

[h4]Vous êtes libres de :[/h4]

[html]

Utiliser
Utiliser GitHub Blog pour n'importe quel projet, personnel ou commercial

Copier
Faire des copies du logiciel sans restriction de nombre

Modifier
Adapter le code à vos besoins spécifiques

Fusionner
Intégrer GitHub Blog dans d'autres projets

Publier
Distribuer le logiciel original ou modifié

Vendre
Commercialiser des produits basés sur GitHub Blog

Sous-licencier
Accorder des droits à d'autres personnes

Garder privé
Ne pas publier vos modifications si vous ne le souhaitez pas

[/html]

[h3] Cas d'Usage Concrets[/h3]

[h4]Blog personnel[/h4] - Créez votre blog sans aucune restriction

[h4]Site d'entreprise[/h4] - Utilisez GitHub Blog pour votre entreprise, gratuitemen

[h4]Projet client[/h4] - Intégrez-le dans des solutions pour vos clients

[h4]Produit commercial[/h4] - Vendez un service basé sur GitHub Blog

[h4]Fork et modification[/h4] - Créez votre propre version sans demander la permission

[h2] Conditions Minimales à Respecter[/h2]

[h4]Pour bénéficier de ces droits, vous devez uniquement :[/h4]

[html]

Obligation unique : Inclure la notice de copyright et la licence

Dans tout fichier distribué ou documentation, vous devez inclure :

La mention de copyright originale
Le texte de la licence MIT
L'autorisation explicite

[/html]

[h3] Comment Respecter Cette Condition[/h3]

[h4]Dans votre footer[/h4] - Ajoutez : "Propulsé par GitHub Blog - Licence MIT"

[h4]Dans un fichier LICENSE[/h4] - Copiez le texte complet de la licence MIT

[h4]Dans votre code source[/h4] - Conservez les en-têtes de copyright originaux

[h4]Dans votre documentation[/h4] - Mentionnez GitHub Blog et sa licence

[h2] Texte Complet de la Licence MIT[/h2]

[html]

MIT License

Copyright (c) 2026 Thibaut Lombard

Copyright (c) 2026 Lombard Web Services

Permission is hereby granted, free of charge, to any person obtaining a copy

of this software and associated documentation files (the "Software"), to deal

in the Software without restriction, including without limitation the rights

to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

copies of the Software, and to permit persons to whom the Software is

furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all

copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE

SOFTWARE.

[/html]

[h2] Exclusion de Garantie[/h2]

[h4]Clause importante à comprendre :[/h4]

Le logiciel est fourni "tel quel", sans aucune garantie.

[h4]Pas de garantie de fonctionnement[/h4] - Le logiciel peut contenir des bugs

[h4]Pas de garantie de compatibilité[/h4] - Pas d'assurance pour tous les environnements

[h4]Pas de garantie de sécurité[/h4] - Vous êtes responsable de la sécurité de votre installation

[h4]Pas de support obligatoire[/h4] - Les auteurs ne sont pas tenus de vous aider

[html]

Responsabilité : En utilisant GitHub Blog, vous acceptez que ni Thibaut Lombard ni Lombard Web Services ne puissent être tenus responsables de problèmes éventuels. Vous utilisez ce logiciel à vos propres risques.

[/html]

[h2] Différences avec d'Autres Licences[/h2]

[h3]MIT vs GPL[/h3]

[html]

Aspect	MIT (GitHub Blog)	GPL
Utilisation commerciale	Autorisée	Autorisée
Modification	Sans restriction	Doit rester GPL
Propriétaire	Peut devenir propriétaire	Doit rester open source
Copyleft	Non (très permissive)	Oui (virale)

[/html]

[h4]En résumé :[/h4] La MIT vous donne plus de liberté que la GPL car elle n'impose pas que vos modifications restent open source.

[h2] Pourquoi Avoir Chosi la MIT ?[/h2]

[h4]Notre philosophie derrière ce choix :[/h4]

[html]

[h4]Maximiser l'adoption[/h4] - Pas de barrières pour les entreprises
[h4]Encourager la contribution[/h4] - Même les modifications privées profitent à l'écosystème
[h4]Simplicité juridique[/h4] - Pas besoin de conseil juridique pour comprendre
[h4]Confiance[/h4] - Nous croyons que la liberté génère plus de valeur

[/html]

[h2] Questions Fréquentes (FAQ)[/h2]

[h3]Puis-je vendre un blog créé avec GitHub Blog ?[/h3]

[h4]Oui, absolument.[/h4] Vous pouvez vendre des sites créés avec GitHub Blog, proposer des services d'installation, ou vendre des templates dérivés. Aucune redevance n'est due.

[h3]Dois-je publier mes modifications ?[/h3]

[h4]Non.[/h4] Contrairement à la GPL, la MIT ne vous oblige pas à publier vos modifications. Vous pouvez garder votre version privée ou la rendre propriétaire.

[h3]Puis-je retirer la mention de copyright ?[/h3]

[h4]Non.[/h4] Vous devez conserver la notice de copyright originale dans le code source et la documentation. C'est la seule obligation réelle.

[h3]Que se passe-t-il si je ne respecte pas la licence ?[/h3]

[h4]Juridiquement,[/h4] vous perdez le droit d'utiliser le logiciel. Dans la pratique, il suffit généralement de corriger l'oubli pour régulariser la situation.

[h3]La licence MIT est-elle valide en France ?[/h3]

[h4]Oui.[/h4] Elle est reconnue internationalement et compatible avec le droit français.

[h2] Contact et Questions Légales[/h2]

Si vous avez des questions spécifiques sur l'utilisation de GitHub Blog dans un contexte particulier :

[h4]Questions générales[/h4] : contact@lombard-web-services.com

[h4]Twitter / X[/h4] : [url=https://x.com/lombardweb]@lombardweb[/url]

[h4]Issues GitHub[/h4] : [url=https://github.com/Lombard-Web-Services/github-blog/issues]github.com/Lombard-Web-Services/github-blog/issues[/url]

[html]

Profitez de votre liberté !

La licence MIT est un cadeau de la communauté open source.

Utilisez-la, partagez-la, et contribuez à faire un web meilleur.

[/html]

[h2] Ressources Complémentaires[/h2]

[h4]Site officiel de la licence MIT[/h4] : [url=https://opensource.org/licenses/MIT]opensource.org/licenses/MIT[/url]

[h4]Explications détaillées (FR)[/h4] : [url=https://www.gnu.org/licenses/license-list.fr.html#Expat]gnu.org/licenses/license-list.fr.html[/url]

[h4]Comparateur de licences[/h4] : [url=https://choosealicense.com/]choosealicense.com[/url]

[h2] Remerciements[/h2]

Merci à la Free Software Foundation et au MIT pour avoir créé et popularisé cette licence qui rend le monde du logiciel meilleur.

[h4]Utilisez GitHub Blog en toute liberté et créez sans limites ![/h4]

[html]

[/html]

Les Fonctionnalites

Tue, 07 Apr 2026 19:18:27 +0000

features
title: Les fonctionnalités
twitter_description: La présentations des fonctionnalités présente dans le blog
twitter_image: https://lombard-web-services.github.io/github-blog/dist/static/uploads/239fc0cfff6d44babb835f903d221fe6.png
twitter_title: Les fonctionnalités

[h1]Bienvenue dans la communauté GitHub Blog ![/h1]

[h4]La version statique multilingue est enfin arrivée et elle est prête à révolutionner votre façon de bloguer ![/h4]

Chers amis, développeurs passionnés, blogueurs créatifs, professionnels du web, étudiants, entrepreneurs et simples curieux du numérique,

C’est avec une immense joie et une grande fierté que je vous ouvre aujourd’hui les portes de la grande famille [h4]GitHub Blog[/h4].

Que vous soyez un développeur expérimenté qui veut un blog ultra-performant sans aucune infrastructure serveur, un créateur de contenu désireux de toucher un public international varié, un freelance qui souhaite présenter son portfolio de manière professionnelle, ou simplement quelqu’un qui apprécie les solutions élégantes, légères, sécurisées et gratuites… vous êtes exactement à la bonne place.

Ce projet est né de l’envie de combiner la simplicité de GitHub Pages avec la puissance d’un vrai système de blog moderne et multilingue. Aujourd’hui, avec cette version statique complète, nous franchissons une nouvelle étape.

[h2]Qu’est-ce que GitHub Blog - Version Statique ?[/h2]

GitHub Blog est un générateur de blog statique complet, moderne, hautement personnalisable et optimisé pour être hébergé directement sur [h4]GitHub Pages[/h4].

Contrairement aux blogs traditionnels qui dépendent d’une base de données et d’un serveur dynamique (comme WordPress), cette version génère l’intégralité de votre site sous forme de fichiers HTML, CSS et JavaScript statiques. Résultat : un site ultra-rapide, extrêmement sécurisé, facile à maintenir et parfaitement compatible avec un hébergement gratuit.

Cette version a été spécialement conçue pour fonctionner dans un sous-dossier (exemple : /dist/ ou /github-blog/dist/). Tous les liens sont gérés de manière relative ou absolue selon votre configuration, ce qui évite les problèmes classiques sur GitHub Pages.

Plus de soucis de base de données qui tombe en panne, plus de mises à jour de sécurité urgentes, plus de coûts d’hébergement : vous écrivez, vous générez, vous déployez. C’est aussi simple que ça.

[h3]Pourquoi les sites statiques sont-ils devenus le standard en 2026 ?[/h3]

En 2026, les générateurs de sites statiques (SSG) sont plébiscités pour plusieurs raisons majeures :

[html]

Performance exceptionnelle : Les pages sont pré-générées, donc elles se chargent en quelques millisecondes, même sur des connexions mobiles lentes.
Sécurité renforcée : Pas de base de données, pas de code serveur exécuté à chaque requête → surface d’attaque quasi nulle.
Scalabilité infinie : GitHub Pages (ou n’importe quel CDN) peut servir des millions de visiteurs sans broncher.
Coût quasi zéro : Hébergement gratuit, pas de serveur à maintenir.
Versioning facile : Tout est dans Git, vous pouvez revenir en arrière à tout moment.
SEO amélioré : Les moteurs de recherche adorent les sites statiques rapides et bien structurés.

[/html]

GitHub Blog combine tous ces avantages tout en vous offrant une interface d’administration riche, même en mode statique.

[h2]Les avantages concrets de la version statique de GitHub Blog[/h2]

Voici pourquoi des milliers de personnes choisissent déjà des solutions comme la nôtre :

[html]

Chargement ultra-rapide grâce à l’absence totale de requêtes serveur dynamiques
Hébergement gratuit et illimité sur GitHub Pages
Sécurité maximale : impossible d’injecter du code malveillant via une faille de base de données
Facilité de déploiement : un simple push Git suffit souvent
Support multilingue avancé avec 7 langues déjà intégrées
Optimisation automatique des images (conversion WebP, génération de miniatures, versions medium et large)
Génération automatique de sitemap XML multilingue et de flux RSS par langue
Compatibilité parfaite avec les sous-dossiers GitHub Pages grâce à la configuration flexible de base_url
Cache des assets et optimisation des ressources pour un score Lighthouse excellent

[/html]

De nombreux utilisateurs rapportent que leur blog passe de plusieurs secondes de chargement à moins de 500 ms après migration vers une solution statique.

[h2]Une interface d’administration intuitive et complète[/h2]

Même si le site final est 100 % statique, vous ne perdez rien en confort d’édition.

L’interface d’administration inclut :

[html]

Un éditeur BBCode puissant avec barre d’outils complète et aperçu en temps réel
Un gestionnaire de médias avancé : upload, prévisualisation, génération automatique de variantes optimisées
Un tableau de bord clair avec statistiques de publication, catégories les plus populaires, etc.
Création, modification, suppression d’articles avec support des brouillons, articles planifiés et masqués
Gestion fine des catégories et tags avec comptage automatique
Personnalisation avancée : hero section, couleurs du thème, menu de navigation, footer, mode sombre/clair
Gestion des langues disponibles et du sélecteur de langue

[/html]

Lancez simplement [code]python3 serve.py[/code] en local et accédez à /admin pour tout gérer confortablement.

[h2]Un support multilingue exceptionnel et professionnel[/h2]

L’une des fonctionnalités les plus appréciées est le support multilingue avancé.

Nous proposons nativement 7 langues prêtes à l’emploi :

[html]

Code	Langue	Drapeau	Direction
fr	Français	🇫🇷	LTR
en	English	🇬🇧	LTR
ar	العربية	🇸🇦	RTL
hi	हिन्दी	🇮🇳	LTR
zh	中文	🇨🇳	LTR
ary	الدارجة	🇲🇦	RTL
ber	ⵜⴰⵎⴰⵣⵉⵖⵜ	ⵣ	LTR

[/html]

Le système détecte automatiquement la langue du navigateur, propose un sélecteur élégant, génère des URLs propres par langue (/fr/, /en/, /ar/…), et gère parfaitement les langues RTL (Arabe, Darija).

Vous pouvez ajouter facilement de nouvelles langues en copiant un fichier de traduction et en l’adaptant. Les bonnes pratiques SEO multilingue (hreflang, URLs distinctes, métadonnées par langue) sont intégrées nativement.

[h3]Pourquoi le multilingue est crucial en 2026 ?[/h3]

Avec l’internationalisation croissante du web, proposer son contenu dans plusieurs langues permet d’atteindre un public beaucoup plus large, d’améliorer son référencement dans différents pays, et de montrer un vrai respect pour la diversité culturelle de ses lecteurs.

GitHub Blog vous facilite cette tâche sans complication technique.

[h2]Fonctionnalités techniques avancées[/h2]

[quote]
« Un blog statique ne signifie pas un blog limité. Au contraire, c’est la liberté totale combinée à une performance inégalée. »
[/quote]

Parmi les points forts techniques :

Optimisation automatique des images avec génération de variantes WebP
Métadonnées SEO complètes : Open Graph, Twitter Cards, balises canoniques, meta robots
Support des articles masqués (accessibles uniquement par URL directe)
URLs personnalisables (slugs intelligents)
Pagination intelligente et archives par catégorie/tag
Moteur de recherche côté client performant
Intégration optionnelle PostgreSQL pour la journalisation et l’historique (en mode développement)

[h2]Comment démarrer en quelques minutes seulement ?[/h2]

Le processus est volontairement simplifié :

[html]

Téléchargez l’archive github-blog-static.zip depuis le dépôt GitHub
Installez les dépendances Python : pip install -r requirements.txt
Configurez les fichiers essentiels (site.yaml, static_config.yaml, personalization.yaml)
Créez votre premier article avec la commande : python3 new_post.py "Titre de mon article"
Générez la version statique : python3 build.py --static --base-url "/votre-repo/dist"
Déployez le dossier dist/ sur GitHub Pages (dans les paramètres du dépôt, choisissez le dossier /dist)

[/html]

En moins de 10 minutes, votre blog professionnel multilingue peut être en ligne !

[h2]Cas d’usage concrets[/h2]

Cette solution convient parfaitement pour :
- Blogs personnels ou professionnels
- Portfolios de développeurs, designers ou freelances
- Sites de documentation technique
- Blogs d’entreprise ou de projets open source
- Journaux de voyage, sites culturels multilingues
- Sites éducatifs ou académiques

De nombreux utilisateurs l’utilisent déjà pour présenter leur travail, partager leurs connaissances ou construire une présence en ligne durable.

[h2]Rejoignez la communauté active[/h2]

GitHub Blog est un projet open source vivant. Nous encourageons fortement la participation :

Mettez une étoile sur le dépôt pour montrer votre soutien
Signalez les bugs ou proposez de nouvelles fonctionnalités via les Issues
Contribuez en ajoutant une nouvelle langue, un template, ou une amélioration
Partagez vos blogs créés avec GitHub Blog sur les réseaux sociaux ou dans les commentaires

Ensemble, nous pouvons continuer à faire évoluer cet outil pour qu’il reste l’un des plus agréables et puissants dans l’écosystème des blogs statiques.

[h3]Un grand merci à tous[/h3]

Merci à la communauté open source qui inspire ce projet tous les jours. Merci à ceux qui ont testé les versions précédentes et donné un feedback précieux. Et surtout, merci à vous qui lisez ces lignes en ce moment même.

Le voyage ne fait que commencer. Nous avons encore beaucoup d’idées pour les prochaines versions : plus de templates, une meilleure intégration IA pour la rédaction, des extensions, etc.

[h4]Bienvenue à bord[/h4]

Vous n’êtes plus seul : toute la communauté GitHub Blog est là pour vous aider.

[h4]L’équipe Lombard Web Services[/h4]

[center][h4]Prêt à créer votre blog statique multilingue parfait et à rejoindre le mouvement ?[/h4][/center]

[url=https://github.com/Lombard-Web-Services/github-blog/raw/refs/heads/main/github-blog-static.zip]⬇️ Télécharger dès maintenant GitHub Blog - Version Statique[/url]

On a vraiment hâte de découvrir vos créations, vos idées et vos retours !