| Zusammenfassung | Eine Discourse-Themenkomponente zur Erstellung schöner Zeitleistenlayouts | |
| Vorschau | https://meta.appinn.net/t/topic/76953 | |
| Repository | GitHub - scavin/discourse-qingwa-timelines | |
| Installationsanleitung | So installieren Sie ein Thema oder eine Themenkomponente | |
| Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Installieren Sie diese Themenkomponente
Ich freue mich, eine neue Themenkomponente vorstellen zu können, die elegante Zeitleistenlayouts zu Ihrer Discourse-Community hinzufügt!
Dies ist meine erste Themenkomponente, die mit Hilfe von LLM erstellt wurde.
Was ist das?
Discourse Timelines ist eine Themenkomponente, die benutzerdefiniertes BBCode [timelines]...[/timelines] zur Erstellung schöner, minimalistischer Zeitleistenlayouts implementiert. Perfekt für Projekt-Roadmaps, Schritt-für-Schritt-Anleitungen, Firmengeschichten, Kapitelunterteilungen und mehr.
Veröffentlichte Zeitleisten-Effekt
Composer-Symbolleistenschaltfläche
Markdown-Editor-Ansicht
Hauptmerkmale
Benutzerdefinierter BBCode - Einfache [timelines]-Syntax
Symbolleistenschaltfläche im Composer - Keine manuelle Eingabe von Tags erforderlich (löst das Problem der automatischen Maskierung von Klammern im neuen Editor!)
Schönes Design - Vertikale Farbverlauflinie mit sauberer, minimalistischer Ästhetik
Markdown-Unterstützung - Behält die gesamte Formatierung innerhalb von Zeitleisten bei
Mehrsprachig - Integrierte Übersetzungen für 9 Sprachen (EN, ZH_CN, ZH_TW, DE, ES, FR, JA, KO, RU)
Themenkompatibel - Funktioniert sowohl im hellen als auch im dunklen Modus
Anpassbar - Farben können einfach über die Admin-Einstellungen geändert werden
Responsiv - Mobilfreundliches Layout
Sicher - XSS-Schutz integriert
Keine Abhängigkeiten - Verwendet nur native Discourse-APIs
Verwendung
Verwendung der Symbolleistenschaltfläche (am einfachsten!)
- Öffnen Sie den Composer
- Klicken Sie auf die Schaltfläche “+” (Optionen) in der Menüleiste
- Wählen Sie “Timeline einfügen”
- Bearbeiten Sie Ihren Inhalt
- Veröffentlichen!
Die Symbolleistenschaltfläche löst das Problem, dass der neue Discourse-Editor manuell eingegebene eckige Klammern automatisch maskiert.
Beispiel-Syntax
[timelines]
## Januar 2024 - Projektstart
Das Projekt wurde offiziell gestartet und das Team gebildet.
## März 2024 - Erste Veröffentlichung
Die Entwicklung der Kernfunktionalität wurde abgeschlossen und die Beta-Tests begonnen.
## Juni 2024 - Version 2.0
Großes Update mit neuen Funktionen:
- Funktion A
- Funktion B
- Funktion C
[/timelines]
Anpassung
Alle Farben können über die Theme-Einstellungen angepasst werden:
- timeline_gradient_start - Obere Farbverlaufsfarbe (Standard:
#ff7a18) - timeline_gradient_end - Untere Farbverlaufsfarbe (Standard:
#ffb800) - timeline_heading_color - Farbe des Überschriften-Textes (Standard:
#d96d14) - timeline_dot_color - Farbe des Zeitleistenpunkts (Standard:
#ff7a18) - timeline_heading_color_dark - Farbe der Überschrift im Dunkelmodus (Standard:
#ff9854) - timeline_dot_border_color_dark - Randfarbe des Punkts im Dunkelmodus (optional)
Ich hoffe, Sie finden diese Komponente nützlich! Bitte lassen Sie mich wissen, wenn Sie Fragen, Feedback oder Vorschläge haben. ![]()




