Test Mise en Page Article

Bienvenue dans l’article de banc d’essai typographique et de mise en page. Ce document intègre la totalité des composants et balises Markdown afin d’éprouver le rendu visuel, les contrastes, la lisibilité et les scripts de rendu interactifs du site.

1. Typographie & Formats de Texte

Voici une démonstration des différents niveaux de titres, de sous-titres et d’enrichissements typographiques.

1.1 Enrichissements Inline & Citations

Dans ce paragraphe, nous testons des mots en gras intense, d’autres en italique élégant, ou les deux en gras et italique. Nous pouvons également marquer du texte barré après révision ou insérer du code inline pour désigner des variables comme systemStatus = 0x00.

Pour insérer des citations avec guillemets typographiques français :

« La simplicité est la sophistication ultime. » — Leonardo da Vinci

Et voici un exemple de guillemets imbriqués dans le fil du texte : nous pouvons écrire « les guillemets français entourent parfaitement les termes importants » pour tester l’espacement typographique.

1.1.1 Niveau de sous-titre H4 de test

Les titres de niveau 4 permettent d’organiser finement les sous-sections de documentation technique.

Note : Les lignes ci-dessus testent le double séparateur avec saut de ligne.

2. Listes & Checklists

2.1 Liste à Puces Imbriquée (Non Ordonnée)

• Élément de niveau 1 : Infrastructure Réseau
  • Sous-élément de niveau 2 : Commutateurs Cisco 2960X
    • Détail niveau 3 : Port Trunk Vlan 10 & 20
    • Détail niveau 3 : Agrégation LACP EtherChannel
  • Sous-élément de niveau 2 : Pare-feu OPNsense
• Élément de niveau 1 : Serveurs & Hyperviseurs
  • Cluster Proxmox VE 8.1
  • Stockage NAS TrueNAS CORE

2.2 Liste Ordonnée (Numérotée)

1. Télécharger l’image ISO du système d’exploitation.
2. Vérifier l’empreinte numérique SHA-256 du fichier téléchargé.
3. Flasher l’image sur le support de démarrage USB via dd.
4. Procéder à l’installation automatisée via fichier de réponse.

2.3 Liste de Tâches (Checklist)

• Configuration du châssis Rack 19 pouces 1U
• Raccordement des alimentations redondantes sur PDU A/B
• Alignement de la mire sur l’oscilloscope de télémétrie
• Validation finale du cahier des charges d’intégration

3. Tableau Comparatif & Métriques

Le tableau ci-dessous permet de vérifier l’alignement des colonnes, le style des en-têtes et le comportement responsive sur écran réduit.

4. Liens et Fichiers Téléchargeables

4.1 Navigation & Liens

• Lien Externe : Consulter la documentation officielle du Mermaid GitGraph Syntax.
• Lien Interne : Revenir à l’article général du Master Informatique SAIM.

4.2 Fichiers Joints & Téléchargements

Voici des exemples d’intégration de fichiers techniques joints (fichiers CAD 3D et spécifications PDF) :

• 📄 Spécifications Techniques PDF : document-spec-rack1u.pdf (Fichier de documentation technique)
• 📐 Fichier de Modélisation 3D STL : boitier-chassis-rack-1u.stl (Fichier d’impression 3D CAD)

4.3 Galerie de Photos & Rendu Matériel

Voici une démonstration de l’intégration d’images avec la syntaxe ![[Fichier|alignement|hauteur]] :

• Image Horizontale (Châssis Réseau) :

• Image Verticale (Serveur Rack) :

• Galerie de Photos :

4.4 Visualisation 3D & Modélisation CAO (Module Rack Bambu Lab)

Voici une démonstration de l’intégration de modèles 3D directement dans le corps de l’article avec la syntaxe ![[mon_fichier.3mf]] ou ![[mon_fichier.3mf|part1,part2|500]] dans un conteneur rack skeuomorphique fermé type Bambu Lab X1C (avec plateau PEI texturé, éclairage LED, écran tactile latéral et gestion des pièces) :

• Serveur NAS Complet (nasfull.3mf - 9 composants interactifs) :

• Pommeau de Douche multi-couleurs (douche-v2.3mf - Textures / ColorGroup natifs) :

• Vue Éclatée / Façade Filtrée (nasfull.3mf - Façade, Porte & Baies HDD uniquement) :

• Modèle STL Unitaire (Équerre Rack 1U) :

5. Formules Mathématiques & Blocs LaTeX

Le système prend en charge le rendu des équations scientifiques et mathématiques via LaTeX.

5.1 Équation Inline

La célèbre équation d’équivalence masse-énergie d’Einstein s’écrit $E = mc^2$, tandis que la loi d’Ohm pour les circuits électriques s’exprime par $U = R \cdot I$.

5.2 Bloc d’Équation Complexe (Display Math)

Voici la transformée de Fourier continue représentée sous forme de bloc mathématique isolé :

$$ f(x) = \int_{-\infty}^{\infty} \hat{f}(\xi) , e^{2\pi i x \xi} , d\xi $$

Et voici le système d’équations de Maxwell dans le vide :

$$ \begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \ \nabla \cdot \mathbf{B} &= 0 \ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \ \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned} $$

6. Blocs de Code avec Coloration Syntaxique

6.1 Code Java (Programmation Orientée Objet)

package org.legleau.rack.manager;

import java.time.Instant;
import java.util.logging.Logger;

/**
 * Gestionnaire d'état de carte d'extension Rack
 */
public class RackManager {
    private static final Logger LOGGER = Logger.getLogger(RackManager.class.getName());
    private final String unitId;
    private boolean isOnline;

    public RackManager(String unitId) {
        this.unitId = unitId;
        this.isOnline = true;
    }

    public synchronized void checkTelemetry() {
        LOGGER.info(() -> String.format("[%s] Telemetry OK at %s", unitId, Instant.now()));
    }

    public static void main(String[] args) {
        RackManager manager = new RackManager("RACK-UNIT-01");
        manager.checkTelemetry();
    }
}

6.2 Code TypeScript / Bash

# Commande de vérification de build et d'exécution du serveur
npx astro check
npx astro dev --background

7. Diagrammes Mermaid

7.1 Diagramme de Flux (Flowchart TD)

flowchart TD
    A[Alimentation Secteur 230V] --> B[Oduleur UPS Online]
    B --> C[Distribution PDU A]
    B --> D[Distribution PDU B]
    C --> E[Alimentation Serveur 1]
    D --> E[Alimentation Serveur 1]
    E --> F[Hyperviseur Proxmox]

7.2 Diagramme de Git (GitGraph)

Voici un exemple complet de diagramme Git en syntaxe Mermaid Markdown avec dates, tags, titres et descriptions :