Shortcodes

Shortcodes

Hextra bietet viele praktische Shortcodes für erweiterte Funktionalität.

Cards (Karten)

Erstelle schöne Karten-Layouts:

{{< cards >}}
  {{< card link="/" title="Startseite" icon="home" >}}
  {{< card link="/docs" title="Dokumentation" icon="book-open" >}}
{{< /cards >}}

Callouts

Verschiedene Callout-Typen für Hinweise:

{{< callout type="info" >}}
Deine Nachricht hier
{{< /callout >}}

Details / Accordion

Klappbare Abschnitte:

print("Hello!")

{{< details "Klicke um mehr zu sehen" >}}
Versteckter Inhalt
{{< /details >}}

Tabs

Tabs für verschiedene Inhalte:

def hello():
    print("Hello from Python!")

function hello() {
    console.log("Hello from JavaScript!");
}

package main
import "fmt"

func main() {
    fmt.Println("Hello from Go!")
}

Steps (Schritte)

Für Schritt-für-Schritt-Anleitungen:

{{< steps >}}

### Schritt 1
Beschreibung...

### Schritt 2
Beschreibung...

{{< /steps >}}

File Tree

Zeige Dateistrukturen:

.
├── content/
│   ├── docs/
│   │   ├── _index.md
│   │   └── guide/
│   └── blog/
├── hugo.yaml
└── README.md

Icons

Nutze verschiedene Icons in deinen Inhalten.

Verfügbare Icons: home, book-open, newspaper, user, github, search, menu und viele mehr.

Nächste Schritte

Erfahre mehr über Deployment.