Codeblöcke

```ts
export function greet(name: string): string {
  return `Hallo, ${name}`
}
```

export function greet(name: string): string {
  return `Hallo, ${name}`
}

Ohne Sprache

```
Reiner Text ohne Hervorhebung.
```

Reiner Text ohne Hervorhebung.

Mit Titel

Ein title= hinter der Sprache setzt eine Beschriftung über den Block — praktisch, um den Dateinamen zu nennen, zu dem der Ausschnitt gehört.

```yaml title="quartz.config.yaml"
configuration:
  pageTitle: Example
```

quartz.config.yaml

configuration:
  pageTitle: Example

Lange Zeilen

Ein Codeblock bricht lange Zeilen nicht um, sondern scrollt: Einen Shell-Befehl umzubrechen kostet mehr, als ihn zu scrollen.

npx quartz build --serve --port 8080 --wsPort 3001 --bundleInfo --verbose --directory content

In dieser Vorlage

Drei Unterschiede zum Standard:

• Die Sprache steht oben links am Block, als ::after im Stylesheet — sie landet damit nicht in einer Kopie.
• Der Kopier-Button ist 44 px groß und erscheint bei Hover, bei Fokus und dauerhaft auf Geräten ohne Zeiger. Von Haus aus ist er nur bei Hover sichtbar und damit auf einem Smartphone unerreichbar.
• Der Hintergrund kommt von der Vorlage, nicht vom Syntax-Thema: keepBackground: false sorgt dafür, dass shiki nur die Farben der Zeichen setzt. So passt der Block in beiden Farbschemata.