ObsiViewer/vault/test.md

247 lines
4.6 KiB
Markdown
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
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
# Page de test Markdown
## Titres
# Niveau 1
## Niveau 2
### Niveau 3
#### Niveau 4
##### Niveau 5
###### Niveau 6
## 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].
[^1]: Ceci est un exemple de note de bas de page.
## 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: `<h1>{{ title }}</h1>`
})
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]]
## Contenu HTML brut
<details>
<summary>Cliquer pour déplier</summary>
<p>Contenu additionnel visible dans les visionneuses Markdown qui supportent le HTML.</p>
</details>
## Sections horizontales
Fin de la page de test.