Coloration syntaxique

Explainer utilise Shiki pour la coloration syntaxique avec prise en charge de deux thèmes — basculant automatiquement entre les thèmes clair et sombre.

Thèmes

Deux thèmes sont configurés par défaut :

ModeThème
Clairgithub-light
Sombregithub-dark

Le thème actif suit la préférence système de l’utilisateur ou le basculement manuel.

Utilisation

Utilisez les blocs de code Markdown standard avec un identifiant de langage :

```ts
function greet(name: string): string {
  return `Hello, ${name}!`
}
```

Rendu :

function greet(name: string): string {
  return `Hello, ${name}!`
}

Langages pris en charge

Shiki prend en charge plus de 200 langages. Exemples courants :

echo "Shell scripts"
def hello():
    print("Python")
fn main() {
    println!("Rust");
}
{
  "key": "JSON"
}

Transformateurs actifs

Explainer active plusieurs transformateurs Shiki pour des fonctionnalités avancées des blocs de code :

TransformateurFonctionDocs
transformerNotationDiffMarqueurs diff [!code ++] / [!code --]Diffs et focus
transformerNotationHighlightMise en évidence de ligne [!code highlight]Surlignage de lignes
transformerNotationWordHighlightMise en évidence de mot [!code word:name]Surlignage de lignes
transformerNotationFocusMode focus [!code focus]Diffs et focus
transformerNotationErrorLevelMarqueurs d’erreur [!code error]Diffs et focus
transformerMetaHighlightSurlignage par plage de lignes {1,3-4}Surlignage de lignes
transformerMetaLabelLabels de blocs de code [label]Labels et icônes