Discourse unterstützt jetzt das Importieren von Farbschemen aus entfernten Repositories. Hier zeige ich, wie du das machst.
Navigiere zu Farben und füge eine Farbschema hinzu.
Gehe zu /admin/customize/colors auf deiner Site und erstelle eine Farbschema.
Tipps:
-
Ich habe ein Chrome-Plugin (color picker) verwendet, um Farben aus einem bestehenden Bild einer Palette im Web auszuwählen.
-
Wenn du ein Theme erstellst, weise die Farbschema dem Theme zu und vorschau es, werden Änderungen live angezeigt.
Erstelle ein neues Git-Repository mit der Farbschema
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Für about.json füge eine Skelett-Konfigurationsdatei hinzu
{
"name": "Meine awesome Farbschemen",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Füge eine LICENSE-Datei hinzu, ich verwende normalerweise MIT
vim LICENSE
Änderungen zu GitHub pushen
Alle deine Änderungen einchecken:
git add LICENSE
git add about.json
git commit -am "first commit"
Erstelle ein Konto auf GitHub.com und dann ein neues Repository.
(Optional) Erstelle ein Thema auf Discourse als Zuhause, um deine Farben zu diskutieren
Idealerweise würdest du ein Thema in der Kategorie Customization > Theme mit einigen Screenshots deiner Farbschema erstellen. Du wirst dies als deine about_url verwenden.
Fülle die fehlenden Informationen in deiner about.json-Datei aus
-
Navigiere zu deiner LICENSE-Seite auf GitHub, fülle diese URL als deine
license_urlaus -
Verwende entweder die GitHub-Projekt-URL oder die Discourse-Thema-URL als deine
about_url -
Drücke
Copy to Clipboardauf deiner Farbschema und füge das in den color_schemes-Bereich ein
Am Ende des Prozesses wird deine about.json-Datei so aussehen:
{
"name": "Solarized",
"about_url": "https://github.com/SamSaffron/discourse-solarized",
"license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
"color_schemes": {
"Solarized Light": {
"primary": "586E75",
"secondary": "EEE8D5",
"tertiary": "268BD2",
"quaternary": "CB4B16",
"header_background": "002B36",
"header_primary": "93A1A1",
"highlight": "B58900",
"danger": "CB4B16",
"success": "859900",
"love": "DC322F"
}
}
}
Änderung einchecken und zu GitHub pushen
git commit -am "added more details"
git push
Teste, ob deine Farbschema korrekt ist
- Lösche deine lokale Farbschema
- Importiere dein Theme von GitHub im
admin/customize/theme-Bildschirm
- Besuche
admin/customize/colorsund stelle sicher, dass deine Farbschema korrekt aussieht.
Du kannst deine Farbschema jetzt leicht mit anderen teilen!
Siehe auch:
Zuletzt überprüft von @SaraDev am 2022-06-03T01:00:00Z
Dieses Dokument ist versioniert - vorschlage Änderungen on github.