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 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.
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:
Sie erhalten eine Giscus-Konfiguration, die wie folgt aussieht:
HTML
Notieren Sie sich die vier wichtigen Zeilen für den nächsten Schritt:
Plaintext
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.