ENFRKOantony langlois
blog

Tour complet

Ce post fait la demo de tout ce que vous pouvez utiliser dans un article de blog. Le paragraphe d'introduction est du markdown classique : le corps de texte s'affiche en teinte attenuee, avec un interligne confortable.

Titres

C'etait un ## (h2). Le titre de la page provient de metadata.title, alors commencez vos sections en h2. Ci-dessous, un h3 :

Une section plus petite

A utiliser pour les sous-points a l'interieur d'une section.

Fonctionnalites de texte

Les liens ressemblent a celui-ci vers la page work ou aux liens externes comme MDN. Le code en ligne sert aux noms de fichiers et aux identifiants : lib/posts.ts, useThemeMode().

Les citations servent a mettre en avant une idee, une citation d'un article, ou une mise en garde qu'il vaut mieux isoler du fil du texte.

Liste a puces :

  • Premier point
  • Deuxieme point
  • Troisieme point

Liste ordonnee :

  1. Scanner l'entete
  2. Tramer le rendu
  3. Livrer

Blocs de code

float bayer8(vec2 p) {
  // 8x8 ordered-dither threshold, 0..1
  return texture(uBayer, p / 8.0).r;
}

Filet horizontal

Utilisez --- pour changer de contexte :


Images

Syntaxe markdown standard : le texte alternatif fait aussi office de legende :

Motif de test provisoire tenant lieu d'une vraie capture d'ecran
Motif de test provisoire tenant lieu d'une vraie capture d'ecran

Video

Video simple, controles natifs :

Clip provisoire - a remplacer par une vraie capture

Video avec chapitres

Ajoutez chapters pour le lecteur facon YouTube : chronologie segmentee, info-bulles au survol avec le titre du chapitre, et horodatages cliquables en dessous. Les temps sont au format 'm:ss', 'h:mm:ss', ou en secondes brutes.

0:00 / 0:00
Meme clip, avec chapitres

Voila la boite a outils complete. Dupliquez ce fichier, renommez-le, remplacez le contenu.