· Edited on

Guide de style Markdown

copy attribution

· translated by ai

Voici un échantillon de la syntaxe Markdown de base qui peut, voici un lien, être utilisée lors de la rédaction de contenu Markdown dans Astro.

Note


Met en évidence les informations que les utilisateurs doivent prendre en compte, même en survolant.

Tip

Informations facultatives pour aider un utilisateur à mieux réussir.

Important


Informations cruciales nécessaires à la réussite des utilisateurs.

Warning


Contenu critique exigeant une attention immédiate de l’utilisateur en raison de risques potentiels.

Caution

Conséquences négatives potentielles d’une action.

Titres

Les éléments HTML <h1> — <h6> suivants représentent six niveaux de titres de section. <h1> est le niveau de section le plus élevé tandis que <h6> est le plus bas.

H1

H2

H3

H4

H5
H6

Paragraphe

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Mermaid

---
title: Exemple de diagramme Git
---

gitGraph
   commit
   commit
   branch develop
   checkout develop
   commit
   commit
   checkout main
   merge develop
   commit
   commit

%%{
  init: {
    'theme': 'base',
    'themeVariables': {
      'primaryColor': '#ff5722',
      'primaryTextColor': '#ffffff',
      'lineColor': '#e91e63'
    }
  }
}%%
graph TD
    A[Boîte] --> B[Boîte mais de l'autre côté]

Images

Syntaxe

![Texte alternatif](./chemin/complet/ou/relatif/de/l'image)

Sortie

placeholder de blog
placeholder de blog

Citations

L’élément blockquote représente un contenu cité d’une autre source, éventuellement avec une citation qui doit être dans un élément footer ou cite, et éventuellement avec des modifications en ligne telles que des annotations et des abréviations.

Citation sans attribution

Syntaxe

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Notez** que vous pouvez utiliser la _syntaxe Markdown_ dans une citation.

Sortie

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Notez que vous pouvez utiliser la syntaxe Markdown dans une citation.

Citation avec attribution

Syntaxe

> Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.<br/>
> — <cite>Rob Pike[^1]</cite>

Sortie

Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.
— Rob Pike1

Tableaux

Syntaxe

| Italique   | Gras     | Code   |
| ---------- | -------- | ------ |
| _italique_ | **gras** | `code` |

Sortie

ItaliqueGrasCode
italiquegrascode

Blocs de code

Syntaxe

Nous pouvons utiliser 3 backticks ``` sur une nouvelle ligne et écrire un extrait, puis fermer avec 3 backticks sur une nouvelle ligne. Pour mettre en évidence la syntaxe spécifique d’un langage, écrivez un mot du nom du langage après les 3 premiers backticks, par exemple html, javascript, css, markdown, typescript, txt, bash.

```html
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Exemple de document HTML5</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

Sortie

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Exemple de document HTML5</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Types de listes

Liste ordonnée

Syntaxe

1. Premier élément
2. Deuxième élément
3. Troisième élément

Sortie

  1. Premier élément
  2. Deuxième élément
  3. Troisième élément

Liste non ordonnée

Syntaxe

- Élément de liste
- Un autre élément
- Et encore un autre

Sortie

  • Élément de liste
  • Un autre élément
  • Et encore un autre

Liste imbriquée

Syntaxe

- Fruits
  - Pomme
  - Orange
  - Banane
- Produits laitiers
  - Lait
  - Fromage

Sortie

  • Fruits
    • Pomme
    • Orange
    • Banane
  • Produits laitiers
    • Lait
    • Fromage

Autres éléments — abbr, sub, sup, kbd, mark

Syntaxe

<abbr label="Graphics Interchange Format">GIF</abbr> est un format d'image bitmap.


H<sub>2</sub>O


X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>


Appuyez sur <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Suppr</kbd> pour terminer la session.


La plupart des <mark>salamandres</mark> sont nocturnes et chassent des insectes, des vers et d'autres petites créatures.

Sortie

GIF est un format d’image bitmap.

H2O

Xn + Yn = Zn

Appuyez sur CTRL + ALT + Suppr pour terminer la session.

La plupart des salamandres sont nocturnes et chassent des insectes, des vers et d’autres petites créatures.

Footnotes

  1. La citation ci-dessus est extraite de la conférence de Rob Pike lors de Gopherfest, le 18 novembre 2015. ↩