Test des capacités Markdown et du thème
Cet article sert de benchmark pour vérifier que tous les éléments visuels du site s’affichent correctement en thèmes Clair et Sombre.
1. Titres et Typographie
Les titres (H2 ci-dessus) doivent avoir une barre verte solide en dessous.
Titre de niveau 3 (H3)
Titre de niveau 4 (H4)
Texte en gras, texte en italique, texte barré, et code en ligne.
Ceci est une citation standard (blockquote) pour tester le style par défaut avant les callouts.
2. Les Callouts (avec icônes)
Voici les différents types de callouts supportés par le plugin callouts.rb avec leurs nouvelles icônes :
Ceci est une note informative. L’icône devrait être 📝.
Voici une astuce utile. L’icône devrait être 💡.
Une information capitale à ne pas manquer. L’icône devrait être 📢.
Faites attention à ce point précis. L’icône devrait être ⚠️.
Danger ou action irréversible. L’icône devrait être 🚫.
3. Blocs de Code et Scrollbar
Le bloc de code suivant est volontairement long pour déclencher la scrollbar horizontale. En Dark Theme, elle doit être sombre avec un hover vert.
# Une très longue ligne de commande pour tester le défilement horizontal du bloc de code sur le site
docker run -d --name bunkerweb -p 80:8080 -p 443:8443 -v bw_data:/data -e SERVER_NAME=example.com -e ENABLE_REVERSE_PROXY=yes -e REVERSE_PROXY_URL=/ -e REVERSE_PROXY_HOST=http://my-app:5000 bunkerweb/bunkerweb:latest
def hello_world():
print("Test de coloration syntaxique avec Highlight.js")
return True
4. Tableaux et Listes
| Caractéristique | Thème Clair | Thème Sombre |
|---|---|---|
| Couleur Titre | Vert Foncé (#006054) | Turquoise (#2fcab6) |
| Soulignement | Solide Vert Foncé | Solide Turquoise |
| Scrollbar Code | Standard | Sombre Custom |
| Icônes Callouts | Oui | Oui |
Listes à puces
- Élément 1
- Élément 2
- Sous-élément A
- Sous-élément B
Listes ordonnées
- Premier
- Deuxième
- Troisième
Task List
- Titres clairs en Dark Theme
- Scrollbar sombre opérationnelle
- Icônes de callouts visibles
- Test de déploiement final
5. Médias et Citations
Test de la balise custom (Légende facultative)
L’image ci-dessus n’a pas de légende via la balise (seulement 2 arguments).
Voici une note de bas de page simple1 pour tester le rendu des footnotes. On peut aussi avoir des notes sur plusieurs lignes2.
Voici la deuxième ligne de la note.