Bienvenue sur Blueprint

Ce que vous pouvez faire ici

Blueprint est un blog, et rien d’autre. Voici ce qu’il propose au lecteur :

• Chercher et filtrer. La barre de recherche de la page d’accueil filtre les articles au fil de la frappe, et les pastilles juste en dessous les trient par thème.
• Écouter. Chaque article porte un bouton « Écouter l’article » : la synthèse vocale du navigateur en fait la lecture, titre compris, et les blocs de code sont sautés.
• Se repérer. Le sommaire affiché à droite d’un article suit la lecture et met en évidence la section en cours.
• Choisir ses couleurs. Le thème clair ou sombre et la palette d’accent se changent depuis la barre de navigation ; le choix est retenu d’une visite à l’autre.
• S’abonner. Un flux RSS publie chaque nouvel article.

Comment un article arrive ici

Les textes sont écrits dans DraftEngine, puis publiés vers ce dépôt. La création et la présentation sont ainsi séparées, ce qui a trois conséquences concrètes :

1. La rapidité : le site est statique — des pages HTML déjà construites, sans base de données à interroger à l’affichage.
2. La sécurité : rien à exposer côté serveur, donc rien à y attaquer.
3. La traçabilité : chaque auteur dispose de son répertoire dans le dépôt Git, et chaque publication laisse un commit.

Un article repassé en brouillon disparaît partout à la fois : du listing, du flux RSS et de son adresse directe.

Un exemple de code

Les articles techniques bénéficient de la coloration syntaxique :

const draft = "Mon premier article";
const engine = new DraftEngine(draft);

engine.publish({
  target: "blueprint.inouz.fr",
  format: "markdown"
});