--- title: Page de test Markdown tags: - tag_metadata_1 - tag_metadata_2 - tag_metadata_test created: 2025-09-25T21:20:45-04:00 modified: 2025-09-25T21:20:45-04:00 category: test first_name: Bruno birth_date: 2025-06-18 email: bruno.charest@gmail.com number: 12345 todo: false url: https://google.com image: https://images.unsplash.com/photo-1675789652575-0a5d2425b6c2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80 --- #tag1 #tag2 #test #test2 # Test 1 Markdown ## Titres # Niveau 1 ## Niveau 2 ### Niveau 3 #### Niveau 4 ##### Niveau 5 ###### Niveau 6 [[test2]] [[folder2/test2|test2]] ## Mise en emphase *Italique* et _italique_ **Gras** et __gras__ ***Gras italique*** ~~Barré~~ Citation en ligne : « > Ceci est une citation » ## Citations > Ceci est un bloc de citation > >> Citation imbriquée >> > > Fin de la citation principale. ## Footnotes Le Markdown peut inclure des notes de bas de page[^1]. ## Listes - Élément non ordonné 1 - Élément non ordonné 2 - Sous-élément 2.1 - Sous-élément 2.2 - Élément non ordonné 3 1. Premier élément ordonné 2. Deuxième élément ordonné 1. Sous-élément 2.1 2. Sous-élément 2.2 3. Troisième élément ordonné - [ ] Tâche à faire - [X] Tâche terminée ## Images ![[Voute_IT.png]] ![[Fichier_not_found.png]] ![[document_pdf.pdf]] ## Liens et images [Lien vers le site officiel d'Obsidian](https://obsidian.md) ![Image de démonstration](https://static0.howtogeekimages.com/wordpress/wp-content/uploads/2019/12/markdown-logo-on-a-blue-background.png?q=50&fit=crop&w=1200&h=675&dpr=1.5 "Image de test") ![Image de démonstration](https://static0.howtogeekimages.com/wordpress/wp-content/uploads/2019/12/markdown-logo-on-a-blue-background.png?q=50&fit=crop&w=1200&h=675&dpr=1.5) ## Tableaux | Syntaxe | Description | Exemple | | -------------- | ----------------- | ------------------------- | | `*italique*` | Texte en italique | *italique* | | `**gras**` | Texte en gras | **gras** | | `` `code` `` | Code en ligne | `console.log('Hello');` | ## Code ### Code en ligne Exemple : `const message = 'Hello, Markdown!';` ### Bloc de code multiligne ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-demo', template: `

{{ title }}

` }) export class DemoComponent { title = 'Démo Markdown'; } ``` ```python print('Hello, Markdown!') ``` ```javascript console.log('Hello, Markdown!'); ``` ```java public class Demo { public static void main(String[] args) { System.out.println("Hello, Markdown!"); } } ``` ### Bloc de code shell ```bash docker compose up -d curl http://localhost:4000/api/health ``` ### Variantes supplémentaires de blocs de code ```bash echo "Bloc de code avec tildes" ls -al ``` // Exemple de bloc indenté const numbers = [1, 2, 3]; console.log(numbers.map(n => n * 2)); ## Mathématiques (LaTeX) Expression en ligne : $E = mc^2$ Bloc de formule : $$ \int_{0}^{\pi} \sin(x)\,dx = 2 $$ ## Tableaux de texte sur plusieurs colonnes (Markdown avancé) | Colonne A | Colonne B | | --------- | --------- | | Ligne 1A | Ligne 1B | | Ligne 2A | Ligne 2B | ## Blocs de mise en évidence / callouts > [!note] > Ceci est une note informative. --- > [!tip] > Astuce : Utilisez `npm run dev` pour tester rapidement. --- > [!warning] > Attention : Vérifiez vos chemins avant de lancer un build. --- > [!danger] > Danger : Ne déployez pas sans tests. --- ## Diagrammes Mermaid ```mermaid flowchart LR A[Début] --> B{Build ?} B -- Oui --> C[Exécuter les tests] B -- Non --> D[Corriger le code] C --> E{Tests OK ?} E -- Oui --> F[Déployer] E -- Non --> D ``` ## Encadrés de code Obsidian (admonitions personnalisées) ```ad-note title: À retenir Assurez-vous que `vault/` contient vos notes Markdown. ``` ```ad-example title: Exemple de requête API ```http GET /api/health HTTP/1.1 Host: localhost:4000 ``` ## Tableaux à alignement mixte | Aligné à gauche | Centré | Aligné à droite | | :---------------- | :------: | ----------------: | | Valeur A | Valeur B | Valeur C | | 123 | 456 | 789 | ## Liens internes (type Obsidian) - [[welcome]] - [[features/internal-links]] - [[features/graph-view]] - [[NonExistentNote]] [[titi-coco]] ## Contenu HTML brut
Cliquer pour déplier

Contenu additionnel visible dans les visionneuses Markdown qui supportent le HTML.

## Sections horizontales Fin de la page de test. [^1]: Ceci est un exemple de note de bas de page.