Domaine : DEV
Sujet : Ecriture des articles
Date : 09 novembre 2025
882204b0-bd41-11f0-8180-7bf7b3f8f2ad
Règles d'écriture des rédactionnels
Comme tous les sites Web actuellement sur Internet, les narratifs, rédactionnels sont écrits dans un langage de balisage léger lisible par l'homme, contraitement au codage par balises HTML !

Ce "langage" a été inventé par John Gruber .
voir https://fr.wikipedia.org/wiki/Markdown
https://www.markdownguide.org/getting-started/
Il n'est pas nécessaire de disposer d'un éditeur Markdown, néanmoins, c'est une aide appréciable pour la création du rédactionnel avec des images intégrées et des liens Internet (prévisualisation du résultat).
Sous Linux, j'utilise l'excellent logiciel opensource ReText (mais il y en a bien d'autres).
Quelques balises que j'utilise : minimalisme encore et toujours !
# -> gros titre (laisser une ligne vide après) ## titre de taille inféreure (dito) **texte à mettre en gras** _texte en italique_ (attention laisser un espace après le dernier underscore !) Liste à puces non numérotées * une ligne.. * une autre * la dernière Liste à puces numérotées 1. première 2. deuxième 3. etc... Insertion d'une image dans le narratif  (Attention extension en minuscule) Insertion d'un lien Internet [ce qui est affiché](URL site ex https://brave.com) (les utilisateurs aiment bien voir où ils vont...) Donc mettre le même texte exemple : [https://brave.com](https://brave.com) Insertion d'un email [ce qui est affiché](mailto:tartempion@serveur.com) comme ci-dessus mettre le même [tartempion@serveur.com](mailto:tartempion@serveur.com) Un paragraphe est séparé par une ligne vide ! 4 espaces à la fin d'une ligne fait un saut de ligne > tout ce qui est après est affiché derrière une barre verticale dans un cadre (CSS)
Effroyable de complexité non ? Merci John !
Conventions
Donc vous, gentil créateur de contenus, vous vous concentrez sur votre rédactionnel ainsi que les éléments multimédias (votre art/expertise) et l'automate Mantra s'occupe de la plomberie !
Rédactionnel/narratif
- L'article/rédactionnel à pour nom article.md (md = markdown)
- Les images incluses dans l'article comme décrit ci-dessus (markdown)
- Le programme de création de la page crée le code HTML5 pour gérer les vidéos aux formats webm.
- Les autres images aux format jpg/webp/png ainsi que leurs narratifs éventuels au format mp3.
Particularités des images
Une image de nom image.extension pourra avoir un commentaire/rédactionnel, placé au dessous par l'automate, à condition que ce fichier joint porte le nom de image.extension.md, de plus (cerise sur le gâteau) celle-ci pourra comporter un commentaire sonore/podcast avec pour nom image.extension.mp3 auquel cas un lecteur sera créé avec contrôle de volume etc...
Toutes les images doivent être incluses dans article.md (noms de celles-ci).
Limitation du poids des images
Plus un site Web est léger, plus le chargement des pages est rapide ! Tout le monde n'a pas une liaison fibre/4G/5G ou le dernier smartphone à 1500 euros voire plus...
Plus il est codé de manière spartiate moins il consomme de ressources de traitement dans le serveur et de bande passante sur les tuyaux Internet...
Pour comparer avec une voiture, il y en a qui consomment 5 litres aux 100 Km et d'autres 15 litres...
Je conseille l'utilisation du format WEBP qui permet une plus grande compression à rendu égal que JPG . Une taille de 720pixels et une qualité de 80% en sortie de traitement photo est largement suffisante...
Pour les podcasts audio, une qualité d'échantillonnage de 8Khz est largement suffisante (bande passante téléphonique 300-3400Hz) !
J'utilise depuis des années l'excellent logiciel darktable (opensource) pour traiter toutes mes photos en RAW et JPG , il permet d'appliquer aussi des LUT 3D Look Up Tables comme en post-production cinéma.
On le trouve à l'adresse https://darktable.org
Conclusion
A vous de vous exprimer sur votre art !
