Sith/core/fixtures/SYNTAX.md

203 lines
4.8 KiB
Markdown
Raw Normal View History

2016-12-26 00:42:45 +00:00
Cette page vise à documenter la syntaxe *Markdown* utilisée sur le site.
# Markdown-AE Documentation
Le Markdown le plus standard se trouve documenté ici:
2024-07-01 15:33:05 +00:00
https://www.markdownguide.org/basic-syntax.
Si cette page n'est pas exhaustive vis à vis de la syntaxe du site AE,
elle a au moins le mérite de bien documenter le Markdown original.
Le réel parseur du site AE est une version tunée de [mistune](https://github.com/lepture/mistune).
Les plus aventureux pourront aller lire ses [tests](https://github.com/lepture/mistune/blob/master/tests/fixtures)
afin d'en connaître la syntaxe le plus finement possible.
En pratique, cette page devrait déjà résumer une bonne partie.
2016-12-26 00:42:45 +00:00
## Basique
2024-07-01 15:33:05 +00:00
- Mettre le texte en **gras** : `**texte**`
- Mettre le texte en *italique* : `*texte*`
- __Souligner__ le texte : `__texte__`
- ~~Barrer du texte~~ : `~~texte~~`
- On peut bien sûr tout ~~***__combiner__***~~ : `~~***__texte__***~~`
- Mettre du texte^en exposant^ : `<sup>texte</sup>`
- Mettre du texte~en indice~ : `<sub>texte</sub>`
2016-12-26 00:42:45 +00:00
## Liens
2024-07-01 15:33:05 +00:00
- Les liens simples sont détectés automatiquement : `http://www.site.com`
2016-12-26 00:42:45 +00:00
http://www.site.com
2024-07-01 15:33:05 +00:00
- Il est possible de nommer son lien : `[nom du lien](http://www.site.com)`
2016-12-26 00:42:45 +00:00
[nom du lien](http://www.site.com)
2024-07-01 15:33:05 +00:00
- Les liens peuvent être internes au site de l'AE, on peut dès lors éviter d'entrer
l'adresse complète d'une page : `[nom du lien](page://nomDeLaPage)`
2016-12-26 00:42:45 +00:00
[nom du lien](page://nomDeLaPage)
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
- On peut également utiliser une image pour les liens :
2016-12-26 00:42:45 +00:00
`[nom du lien]![images/imageDuSiteAE.png](/chemin/vers/image.png titre optionnel)(options)`
[nom du lien]![images/imageDuSiteAE.png](/chemin/vers/image.png titre optionnel)(options)
## Titres
2024-07-01 15:33:05 +00:00
- Plusieurs niveaux de titres sont possibles
2016-12-26 00:42:45 +00:00
```
# Titre de niveau 1
## Titre de niveau 2
### Titre de niveau 3
etc...
```
# Titre de niveau 1
## Titre de niveau 2
### Titre de niveau 3
## Paragraphes et sauts de ligne
Un nouveau paragraphe se fait avec deux retours à la ligne.
Un saut de ligne se force avec au moins deux espaces en fin de ligne.
2016-12-26 00:42:45 +00:00
## Listes
Il est possible de créer des listes :
2024-07-01 15:33:05 +00:00
### ordonnées :
2016-12-26 00:42:45 +00:00
```
1. élément
2. élément
3. élément
```
1. élément
1. élément
1. élément
Vous pouvez marquer plus simplement comme suit, les numéros se faisant tout seuls:
```
1. élément
1. élément
1. élément
```
1. élément
1. élément
1. élément
2024-07-01 15:33:05 +00:00
### non ordonnées :
2016-12-26 00:42:45 +00:00
```
2024-07-01 15:33:05 +00:00
- élément
- élément
- élément
2016-12-26 00:42:45 +00:00
```
2024-07-01 15:33:05 +00:00
- élément
- élément
- élément
2016-12-26 00:42:45 +00:00
## Tableaux
Un tableau est obtenu en respectant la syntaxe suivante :
2016-12-26 00:42:45 +00:00
```
| Titre | Titre2 | Titre3 |
|-------|--------|--------|
| test | test | test |
| test | test | test |
```
| Titre | Titre2 | Titre3 |
|-------|--------|--------|
| test | test | test |
| test | test | test |
L'alignement dans les cellules est géré comme suit, avec les ':' sur la ligne en dessous du titre:
2016-12-26 00:42:45 +00:00
```
| Titre | Titre2 | Titre3 |
|:-------|:------:|-------:|
| gauche | centre | droite |
2016-12-26 00:42:45 +00:00
```
| Titre | Titre2 | Titre3 |
|:-------|:------:|-------:|
| gauche | centre | droite |
2016-12-26 00:42:45 +00:00
## Images et contenus
Une image est insérée ainsi : `![texte alternatif](/chemin/vers/image.png "titre optionnel")`
![texte alternatif](/static/core/img/logo.png "titre optionnel")
2024-07-01 15:33:05 +00:00
On peut lui spécifier ses dimensions de plusieurs manières :
```
![image à 50%](/static/core/img/logo.png?50% "Image à 50%")
2024-07-01 15:33:05 +00:00
![image de 350 pixels de large](/static/core/img/logo.png?350 "Image de 350 pixels")
![image de 350x100 pixels](/static/core/img/logo.png?350x100 "Image de 350x100 pixels")
```
![image à 50%](/static/core/img/logo.png?50% "Image à 50%")
Image à 50% de la largeur de la page.
![image de 350 pixels de large](/static/core/img/logo.png?350 "Image de 350 pixels")
Image de 350 pixels de large.
![image de 350x100 pixels](/static/core/img/logo.png?350x100 "Image de 350x100 pixels")
Image de 350x100 pixels.
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
(devrait pouvoir détecter si vidéo ou non)
2016-12-26 00:42:45 +00:00
## Blocs de citations
Un bloc de citation se crée ainsi :
```
> Ceci est
> un bloc de
> citation
```
> Ceci est
> un bloc de
> citation
Il est possible d'intégrer de la syntaxe Markdown-AE dans un tel bloc.
## Note de bas de page
2024-07-01 15:33:05 +00:00
On les crée comme ça[^key]:
[^key]: ceci est le contenu de ma clef
2024-07-01 15:33:05 +00:00
```
Je fais une note[^clef].
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
[^clef]: je note ensuite où je veux le contenu de ma clef qui apparaîtra quand même en bas
```
Vous pouvez aussi utiliser des numéros pour nommer vos clefs.
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
```
Note plus complexe[^1]
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
[^1]:
je peux même faire des blocs
sur plusieurs lignes, comme d'habitude!
```
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
## Échapper des caractères
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
- Il est possible d'ignorer un caractère spécial en l'échappant à l'aide d'un \
- L'échappement de blocs de codes complet se fera à l'aide de balises <nosyntax></nosyntax>
2016-12-26 00:42:45 +00:00
2024-07-01 15:33:05 +00:00
## Autres (hérité de l'ancien wiki)
2024-07-01 15:33:05 +00:00
Une ligne peut être créée avec une ligne contenant 4 tirets (`----`).