---

# Front Matter (YAML)

author: "jane.doe@kaishi.de (Jane Doe)" ## Der Autor der Seite. (max. 64 Zeichen)
banner_alt: "Grün-schwarz gekachelte Wand" ## Der Banner-Alternativtext der Website.
banner_height: "398" ## Die Banner-Höhe der Website.
banner_width: "1440" ## Die Banner-Breite der Website.
banner: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## Das Banner der Website.
cdn: "https://cloudcdn.pro" ## Das CDN der Website.
changefreq: "weekly" ## Die Änderungshäufigkeit der Website.
charset: "utf-8" ## Der Zeichensatz der Website. (Standard: utf-8)
cname: "kaishi.de" ## Der CNAME-Wert der Website. (Nur für die Indexseite erforderlich.)
copyright: "Copyright © 2023-2026 Kaishi. Alle Rechte vorbehalten." ## Das Copyright der Website.
date: "January 01, 2025"
description: "Alles, was Sie brauchen, um eine beeindruckende Website zu erstellen." ## Die Beschreibung der Website. (max. 160 Zeichen)
download: "" ## Die Download-URL für das Produkt.
format-detection: "telephone=no" ## Die Formaterkennung der Website.
hreflang: "de" ## Das hreflang-Attribut der Website. (Standard: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Das Icon der Website im SVG-Format.
id: "https://kaishi.de" ## Die ID der Website.
image_alt: "Logo von Kaishi, einer Starter-Vorlage für statische Websites" ## Der Bild-Alternativtext der Website.
image_height: "630" ## Die Bildhöhe der Website.
image_width: "1200" ## Die Bildbreite der Website.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## Das Hauptbild der Website im SVG-Format.
keywords: "Kaishi-Starter-Vorlagen, Static Site Generator, statischer Website-Generator, Starter-Vorlagen, Bootstrap, Bootstrap CSS, Bootstrap JavaScript, Content Security Policy, Open-Graph-Meta-Tags, responsive Navigationsleiste, Schema.org-Meta-Tags" ## Die Schlüsselwörter der Website. (max. 160 Zeichen)
language: "de-DE" ## Die Sprache der Website. (Standard: en-GB)
layout: "post" ## Das Layout der Website.
locale: "de_DE" ## Die Locale der Website.
logo_alt: "Logo von Kaishi, einer Starter-Vorlage für statische Websites" ## Der Logo-Alternativtext der Website.
logo_height: "33" ## Die Logo-Höhe der Website.
logo_width: "100" ## Die Logo-Breite der Website.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Das Logo der Website im SVG-Format.
name: "Kaishi" ## Der Name der Website. (max. 64 Zeichen)
permalink: "https://kaishi.de/posts" ## Die URL der Website.
rating: "general" ## Die Bewertung der Website.
referrer: "no-referrer" ## Der Referrer der Website.
revisit-after: "7 days" ## Der Wiederbesuchszeitraum der Website.
robots: "index, follow" ## Die Robots-Anweisungen der Website.
short_name: "kaishi" ## Der Kurzname der Website. (max. 12 Zeichen)
subtitle: "Erstellen Sie beeindruckende Websites mit minimalem Aufwand dank der Kaishi-Starter-Vorlagen" ## Der Untertitel der Seite. (max. 64 Zeichen)
tags: "Kaishi-Starter-Vorlagen, Static Site Generator, statischer Website-Generator, Starter-Vorlagen, Bootstrap, Bootstrap CSS, Bootstrap JavaScript, Content Security Policy, Open-Graph-Meta-Tags, responsive Navigationsleiste, Schema.org-Meta-Tags" ## Die Tags der Website. (max. 160 Zeichen)
theme-color: "143, 250, 113" ## Die Themenfarbe der Website.
title: "Beiträge" ## Der Titel der Seite. (max. 64 Zeichen)
url: "https://kaishi.de" ## Die URL der Website.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Der Viewport der Website.

# News - Die News-SiteMap-Metadaten (YAML).
news_genres: "Blog" ## Die Genres der Website. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "Kaishi-Starter-Vorlagen, Static Site Generator, statischer Website-Generator, Starter-Vorlagen, Bootstrap, Bootstrap CSS, Bootstrap JavaScript, Content Security Policy, Open-Graph-Meta-Tags, responsive Navigationsleiste, Schema.org-Meta-Tags" ## Die Schlüsselwörter der Website. (kommagetrennt, max. 10 Schlüsselwörter)
news_language: "de" ## Die Sprache der Website. (Standard: en)
news_image_loc: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## Die Bild-URL der Website.
news_loc: "https://kaishi.de" ## Die URL der Website.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## Das Veröffentlichungsdatum der Website.
news_publication_name: "Kaishi" ## Der Name der Nachrichtenpublikation der Website.
news_title: "Beiträge" ## Der Titel der Seite. (max. 64 Zeichen)

# RSS - Der RSS-Feed (YAML).
atom_link: https://kaishi.de/rss.xml
category: "Technologie"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: RSS-Feed für die Website
item_guid: "https://kaishi.de/posts/index.html"
item_link: "https://kaishi.de/posts/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Beiträge"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.de (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.de

# Apple - Die Apple-Metadaten (YAML).
apple_mobile_web_app_orientations: "portrait" ## Die Apple-Mobile-Web-App-Ausrichtungen der Seite.
apple_touch_icon_sizes: "192x192" ## Die Apple-Touch-Icon-Größen der Seite.
apple-mobile-web-app-capable: "yes" ## Gibt an, ob die Apple-Mobile-Web-App fähig ist.
apple-mobile-web-app-status-bar-inset: "black" ## Der Statusleisten-Einsatz der Apple-Mobile-Web-App.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Der Statusleisten-Stil der Apple-Mobile-Web-App.
apple-mobile-web-app-title: "Kaishi" ## Der Titel der Apple-Mobile-Web-App.
apple-touch-fullscreen: "yes" ## Gibt an, ob der Apple-Touch-Vollbildmodus aktiviert ist.

# MS Application - Die MS-Application-Metadaten (YAML).

msapplication-navbutton-color: "rgb(0,102,204)"

# Twitter Card - Die Twitter-Card-Metadaten (YAML).

## twitter_card - Der Typ der Twitter Card der Seite.
twitter_card: "summary"
## twitter_creator - Der Ersteller der Twitter Card der Seite.
twitter_creator: "janedoe"
## twitter_description - Die Beschreibung der Twitter Card der Seite.
twitter_description: "Alles, was Sie brauchen, um eine beeindruckende Website zu erstellen."
## twitter_image - Das Bild der Twitter Card der Seite.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - Der Bild-Alternativtext der Twitter Card der Seite.
twitter_image_alt: "Logo von Kaishi, einer Starter-Vorlage für statische Websites"
## twitter_site - Das Twitter-Konto der Seite.
twitter_site: "janedoe"
## twitter_title - Der Titel der Twitter Card der Seite.
twitter_title: "Kaishi, eine Starter-Vorlage für den Static Site Generator"
## twitter_url - Die URL der Twitter Card der Seite.
twitter_url: "https://kaishi.de"

# Humans.txt - Die Humans.txt-Metadaten (YAML).
author_website: "https://cloudcdn.pro" ## Die Website des Autors der Seite.
author_twitter: "@wwdseb" ## Das Twitter-Konto des Autors der Seite.
author_location: "London, Vereinigtes Königreich" ## Der Standort des Autors der Seite.
thanks: "Danke fürs Lesen!" ## Die Danksagungen der Seite.
site_last_updated: "2025-01-01" ## Die letzte Aktualisierung der Website.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Die Standards der Website.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Die Komponenten der Website.
site_software: "SSG, Rust" ## Die Software der Website.

---

![Leuchtende Natur][00]

## Starter-Vorlagen

Alle Starter-Vorlagen, ob Seiten oder ganze Websites, werden von Grund auf
nach denselben Prinzipien und Funktionen erstellt. Das bedeutet, dass Sie sie
problemlos miteinander kombinieren können, um Ihre eigenen individuellen
Layouts und Inhalte zu erstellen.

### Seiten

Starten Sie mit SSG mithilfe einer unserer Starter-Vorlagen, um Ihre Website
oder Webanwendung zu erstellen. Unsere Vorlagen sind flexibel und einfach
anzupassen.

#### Funktionen der Vorlagen

- **Responsives Design**: Alle Vorlagen sind vollständig responsiv und sehen auf jedem Gerät großartig aus.
- **Modulare Komponenten**: Die Vorlagen bestehen aus modularen Komponenten und lassen sich dadurch einfach anpassen.
- **Moderne Ästhetik**: Jede Vorlage wurde unter Berücksichtigung aktueller Designtrends entwickelt.

#### Erste Schritte

Um loszulegen, wählen Sie eine Vorlage, die zu den Anforderungen Ihres Projekts passt. Passen Sie sie mit Ihren Inhalten, Ihrem Stil und Ihrer Funktionalität an.

1. **Vorlage auswählen**: Durchstöbern Sie unsere Sammlung und wählen Sie einen Ausgangspunkt.
2. **Anpassen**: Ändern Sie das Layout, fügen Sie Ihre Inhalte hinzu und passen Sie die Stile an.
3. **Veröffentlichen**: Stellen Sie Ihre neue Website oder Webanwendung der Welt zur Verfügung.

### Websites

Eine Website von Grund auf zu erstellen, kann einschüchternd wirken – mit unseren Starter-Vorlagen wird es einfach und unkompliziert.


![Leuchtende Natur][00]

### Warum unsere Vorlagen verwenden?

- **Geschwindigkeit**: Beschleunigen Sie Ihre Entwicklung mit vorgefertigten Designs.
- **Qualität**: Hochwertige, gründlich getestete Vorlagen sorgen für Zuverlässigkeit.
- **Support**: Unser Team steht Ihnen bei Fragen oder Problemen gerne zur Seite.

### Anpassung

Passen Sie die Vorlagen an Ihre spezifischen Anforderungen an. Die Möglichkeiten sind endlos!

#### Tipps zur Anpassung

- **Struktur verstehen**: Machen Sie sich mit der Struktur und den Komponenten der Vorlage vertraut.
- **Experimentieren**: Scheuen Sie sich nicht, mit verschiedenen Layouts und Stilen zu experimentieren.
- **Feedback**: Holen Sie sich Feedback zu Ihren Designs und verbessern Sie sie auf dieser Grundlage.

## Fazit

Mit unserer Auswahl an Starter-Vorlagen haben Sie eine solide Grundlage, um etwas Einzigartiges und genau auf Ihre Anforderungen Zugeschnittenes zu erstellen. Legen Sie los und beginnen Sie mit dem Erstellen!

[00]: data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>
