Syntax-Highlighting testen

Zola hebt Codeblöcke anhand der Sprache im Fence hervor. Zusätzlich zeigt das Python-Beispiel Zeilennummern und eine markierte Zeile.

Python

1def begruessung(name: str) -> str:
2    return f"Hallo, {name}!"
3
4
5print(begruessung("Welt"))

JavaScript

const kurse = ["Deutsch", "Englisch", "Informatik"];

kurse.forEach((fach) => {
  console.log(`Viel Erfolg in ${fach}!`);
});

HTML

<main>
  <h1>Willkommen am Pirckheimer-Gymnasium</h1>
  <p>Ein Beispiel für einen HTML-Codeblock.</p>
</main>

CSS

.codebeispiel {
  color: #3d5874;
  background-color: #f6f8fa;
}

TOML

[markdown.highlighting]
style = "inline"
theme = "github-light"

JSON

{
  "seite": "/dev/test/syntax-highlighting/",
  "syntaxHighlighting": true,
  "sprachen": ["Python", "JavaScript", "HTML", "CSS", "TOML", "JSON"]
}