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.
Kommentare