> ## Content Index
> Fetch the complete content index at: https://tanaflows.bepublish.com/de/llms.txt
> Use this file to discover other available public pages before exploring further.

# Giscus comment
- URL: https://tanaflows.bepublish.com/de/giscus-comment/
- Published: 2023-12-11T01:33:04.000Z
- Updated: 2026-05-10T07:12:34.000Z
- Description: Anleitung zur Installation von Giscus-Kommentaren für das TanaFlows-Theme.
- Author: Cuong Thach
- Tags: Kommentare, #multilingual

Dưới đây là bản dịch sang tiếng Đức, được tối ưu hóa cho hướng dẫn kỹ thuật và trải nghiệm người dùng:

---

## Giscus Comment: GitHub-basierte Diskussionen nahtlos integrieren

Giscus Comment bietet eine reibungslose Möglichkeit, GitHub-basierte Kommentare direkt in Ihre Website zu integrieren. Mit dieser Funktion können Sie die Nutzerinteraktion steigern und Diskussionen fördern, indem Sie Giscus-Kommentare mühelos einbetten.

Diese einfach zu bedienende Lösung stellt sicher, dass das GitHub-Kommentarsystem zu einem integralen Bestandteil Ihrer Website wird, das Nutzererlebnis bereichert und eine starke Community rund um Ihre Inhalte aufbaut.

### So installieren Sie Giscus im TanaFlows Theme

#### Schritt #1: Erstellen Sie Ihre eigene Giscus-Konfiguration

Folgen Sie dem ausführlichen Giscus Comment Tutorial, um mühelos Ihre personalisierte Konfiguration zu erstellen. Zusammenfassend benötigen Sie:

- Einen **GitHub-Account** mit einem neu erstellten, **öffentlichen Repository**.
- Die erteilten Berechtigungen für die **Giscus-App**, um auf Ihr Repository zuzugreifen.
- Die aktivierte **Diskussions-Funktion** (Discussions) in Ihrem Repository.
- Die erfolgreich generierte Giscus-Konfiguration.

Sie erhalten eine Giscus-Konfiguration, die wie folgt aussieht:

HTML

```
<script src="https://giscus.app/client.js"
        data-repo="[REPOS HIER EINGEBEN]"
        data-repo-id="[REPO-ID HIER EINGEBEN]"
        data-category="[KATEGORIE-NAME HIER EINGEBEN]"
        data-category-id="[KATEGORIE-ID HIER EINGEBEN]"
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="preferred_color_scheme"
        data-lang="de"
        crossorigin="anonymous"
        async>
</script>

```

Notieren Sie sich die vier wichtigen Zeilen für den nächsten Schritt:

Plaintext

```
...
data-repo="[REPOS HIER EINGEBEN]"
data-repo-id="[REPO-ID HIER EINGEBEN]"
data-category="[KATEGORIE-NAME HIER EINGEBEN]"
data-category-id="[KATEGORIE-ID HIER EINGEBEN]"
...

```

> 💡 **Hinweis:** Ihre Konfiguration wird echte Zeichenfolgen anstelle von `[REPOS HIER EINGEBEN]`, `[REPO-ID HIER EINGEBEN]`, usw. enthalten.

#### Schritt #2: Giscus als Kommentaranbieter im Theme-Customizer auswählen

Gehen Sie im Ghost-Dashboard zu: **Settings > Design & branding > Customizer > Post > Comment provider**.

Fügen Sie bei **3rd comment id** die oben genannten vier wichtigen Zeilen in eine einzige Zeile mit Leerzeichen getrennt ein. Das sieht dann so aus:

`data-repo="[REPO]" data-repo-id="[REPO-ID]" data-category="[KATEGORIE]" data-category-id="[KATEGORIE-ID]"`

**Beispiel:** `data-repo="CuongGhost/giscus" data-repo-id="MDExxxx2MDc1MDA=" data-category="Announcements" data-category-id="DIC_kwDxxx"`

Anschließend wird das Ergebnis auf Ihrer Website sichtbar sein.