- Added UrlStateService to sync app state with URL parameters for note selection, tags, folders, and search - Implemented URL state effects in AppComponent to handle navigation from URL parameters - Updated sidebar and layout components to reflect URL state changes in UI - Added URL state updates when navigating via note selection, tag clicks, and search - Modified note sharing to use URL parameters instead of route paths - Added auto-opening of relevant
		
			
				
	
	
		
			253 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			253 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
---
 | 
						||
titre: "test"
 | 
						||
auteur: "Bruno Charest"
 | 
						||
creation_date: "2025-09-25T07:45:20-04:00"
 | 
						||
modification_date: "2025-10-19T12:09:47-04:00"
 | 
						||
aliases: [""]
 | 
						||
status: "en-cours"
 | 
						||
publish: true
 | 
						||
favoris: false
 | 
						||
template: true
 | 
						||
task: true
 | 
						||
archive: true
 | 
						||
draft: true
 | 
						||
private: true
 | 
						||
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"
 | 
						||
---
 | 
						||
# Test 1 Markdown
 | 
						||
 | 
						||
## Titres
 | 
						||
 | 
						||
# Niveau 1
 | 
						||
#tag1 #tag2 #test #test2
 | 
						||
 | 
						||
## 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)
 | 
						||
 | 
						||

 | 
						||
 | 
						||

 | 
						||
 | 
						||
## 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]]
 | 
						||
 | 
						||
[[titi-coco]]
 | 
						||
 | 
						||
## 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.
 | 
						||
 | 
						||
[^1]: Ceci est un exemple de note de bas de page.
 |