Giscus comment

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.