Mitwirken
Unsere Docs-Page erweitert sich ständig und lebt von Beiträgen aus der Community. Damit Du in Zukunft deine eigenen Artikel verfassen oder andere korrigieren bzw. erweitern kannst, gibt es hier einen kleinen Leitfaden.
Hier kommst du schnell zu unserem GitHub Projekt.
Technische Vorbereitung
Erstelle dir über diesen Link einen GitHub Account und sende uns deinen Nutzernamen. Erkläre uns kurz, was du dir vorstellst, was du vorhast und ob du ggf. Hilfe benötigst. Dann fügen wir dich zu unserem GitHub Projekt hinzu.
Hast du dir deinen Account erfolgreich erstellt, musst du ein paar Programme und Tools installieren, damit du loslegen kannst.
- Microsoft Visual Studio Code
- Node.js
- GitHub Desktop
- Git SCM
Node.js findest du
hier
. Die LTS Option reicht für unseren Zweck aus - die entsprechenden Installer findest du darunter.
Wir übernehmen keine Verantwortung für die Ergebnisse deiner Downloads und können nicht dauerhaft garantieren, dass die angegebenen Links erreichbar sind. Du bist immernoch selbst für die Programme auf deinem PC (und vor allem wo und wie du sie installierst) verantwortlich.
Details
Solltest du noch nichts von GitHub, Repositorys, Push- und Pull-Requests verstehen, lies diesen kleinen Guide hier durch:
Das Git-Konzept basiert auf einer lokalen Kopie eines Projekts auf deinem PC. Dem sogenannten Clone. Das Projekt ist also "Open Source" - jeder hat Zugriff auf alle Daten.Du bearbeitest an deinem PC diese lokal erstellte Kopie und veröffentlichst deine Änderungen, das nennt sich Commit. Ein Commit ist eine Art Speicherpunkt, an welchem alle deine veränderten Daten hochgeladen werden; du kannst in deinem Commit auch kurz angeben, was du warum verändert hast.
Außerdem gibt es in GitHub Desktop die Aktion Pull. Das bedeutet, dass alle Änderungen, die vor oder während deiner Bearbeitung getätigt wurden, über deine lokale Kopie überschrieben werden, um immer up-to-date zu sein.
Mehrere Commits können zusammengeführt ("gemerged") werden.
Um zu verhindern, dass jeder direkt auf die "Live-Website" zugreift, gibt es zwei Branches im Docs Repository.
Um unsere Arbeit optimal kategorisieren zu können, gibt es im VAR-Projekt viele unterschiedliche Repositorys. Sie sind quasi "Ablagen" für verschiedene Projektteile. Bspw. unser Branding-Repository mit allen Daten rund um Logos und Schriftzüge. Das Repository, in dem du unterwegs sein wirst, ist das Docs-Repository. Hier findest du alles, was die Docs-Seiten angeht.
Im Docs-Repository haben wir zwei der erwähnten Branches. Sie sind übersetzt die "Zweige" des Repositorys. Der Development-Branch ist das, was von allen bearbeitet werden kann. Hier kann man sich austoben, ohne Auswirkungen auf die Website befürchten zu müssen. Der Main-Branch spiegelt den aktuellen Stand der Website wieder. Darum darf an ihm nicht gearbeitet werden.
Du kannst dir vorstellen, dass zu Beginn Development- und Main-Branch identisch waren. Der Developemnt-Branch wird durch die Beitrage (=Commits) von Zeit zu Zeit verändert. Sind genug relevante Bearbeitungen zusammengekommen und überprüft, wird der Development-Branch mit dem Main-Branch verbunden - alle neuen Dateien werden auf dem Main-Branch gespeichert und werden veröffentlicht. Dann sind beide wieder identisch. Das machst aber nicht du, keine Sorge ;)
Fazit: Übung macht den Meister. Nach einiger Zeit ergibt sich das Meiste von ganz allein und die Fachbegriffe gehen in Fleisch und Blut über.
Workflow
Grundlegende Einrichtung
Öffne GitHub Desktop und kopiere (="Clone") unten das Repository (="Projekt") "docs".
Wähle dann oben unter Current branch den Punkt Development aus und klicke auf Fetch Origin. Der letzte Schritt ist besonders wichtig, da deine lokale Kopie dann auf Neuerungen geprüfut wird.
Bitte prüfe vor jeder Bearbeitung, dass du wirklich den Development-Branch ausgewählt hast!
Klicke oben unter Repository auf Open in Visual Studio Code oder nutze die nebenstehende Tastenkombination.
Jetzt öffnet sich VSC und GitHub Desktop kann erst einmal vernachlässigt werden.
In VSC klickst du oben unter Terminal auf New Terminal. In der unteren Hälfte öffnet sich nun ein neues Terminal.
Im Terminal gibst du jetzt npm i
und nach dem Ladevorgang npm start
ein.
Dann sollte sich dein Browser öffnen. Er stellt die lokale Kopie der Docs Website in deinem Browser dar, sodass du in VSC schreiben und parallel mitverfolgen kannst, wie deine Änderungen auf der Website aussehen würden.
Jetzt kannst du mit der Bearbeitung beginnen.
Diese Schritte (außer der Erste) müssen nach jedem Neustart von VSC bzw. GitHub Dekstop wiederholt werden.
Dokumente...
Um unsere Dokumente anschaulich zu machen, nutzen wir verschiedene optische Elemente.
Wie diese erstellt werden, wie man kursiv, fett oder kursett bzw. fettsiv (?) schreiben kann, erfährst du am besten über die Docusaurs Website.
Am besten schaust du dir auf unseren Docs-Pages Elemente an, die es bereits gibt und siehst in VSC nach, wie sie gestaltet wurden.
Wie du auf die Dokumente zugreifst, sie bearbeitest, erstellst oder löschst erfährst du hier:
aufrufen
Links am Rand siehst du den Explorer. Hier kannst du über den Unterpunkt "docs" alle bestehenden Dokumente aufrufen. Jedes Dokument ist eine .md ("Markdown Documentation") Datei - sie basiert also auf Markdown. Wie oben erwähnt, gestaltest du unsere Docs also mit Markdown-Syntax. Wählst du eine Datei aus, wird sie im Code-Editor geöffnet und kann bearbeitet werden. Mehr dazu weiter unten.
Sieh dir erst ein paar Dokumente an und vergleiche das Endprodukt auf der Website mit dem Code in VSC. Beachte dabei, dass noch nicht alle Änderungen, die du siehst, übernommen und "live" sein müssen.
erstellen
Um ein Dokument zu erstellen klickst du neben "DOCS" ganz oben im Explorer auf "New File". Gib deiner Datei einen passenden Namen (ein Wort) und füge unbedingt die Endung .md an.
Die Datei für dieses Dokument heißt übrigens "mitwirken.md".
Hast du deine Datei erstellt, fügst du den Header ein.
---
id: mitwirken
title: Mitwirken
toc_min_heading_level: 2
toc_max_heading_level: 5
---
Das Attribut id steht für die id des Dokuments, über welche du die Dokumente innerhalb der Docs-Pages verlinken kannst. title ist einfach der Titel für dein Dokument. toc_min- bzw toc_max_heading_level geben an, ab (...min...) bzw. bis zu (...max...) welchem Überschriftenunterpunkt die Überschriften rechts angezeigt werden.
In diesem Dokument bis 5 - da sonst die Unterpunkte "erstellen", "bearbeiten" etc. rechts auf der Website nicht angezeigt werden würden, ich das aber so wollte.
Beide der letzten Attribute sind optional, Docusaurus regelt das in der Regel automatisch.
Mit einem #
fügst du deine erste Überschrift und gleichzeitig die Überschrift für deine Datei ein. Jetzt kannst du mit dem Schreiben loslegen.
bearbeiten
Zum Bearbeiten einer Datei wählst du sie einfach aus und bearbeitest den Text im Editor. Deine Bearbeitungen werden im Verlauf der Veröffentlichung sichtbar sein - die Vorher/Nachher Versionen werden von entsprechenden Leuten überprüft.
löschen
Zum Löschen nutzt du einen Rechtsklick auf der gewünschten Datei und klickst auf Delete.
Bearbeitungen absenden
Bist du fertig mit deiner Bearbeitung siehst du in GitHub Dekstop alle deine Bearbeitungen. Verfasse unten links eine Überschrift für deinen Vorgang und beschreibe im Feld darunter, was du veröffentlichen willst (optional, aber gewünscht).
Danach klickst du auf die blaue Schaltfläche Commit to Development und danach oben auf Push Origin. Deine Daten werden übermittelt, von uns überprüft und danach veröffentlicht.
Der Veröffentlichungsprozess kann ein wenig Zeit in Anspruch nehmen. Gedulde dich und bearbeite in der Wartezeit einfach ein paar andere Dokumente ;)
sonstiges
Wir hoffen, dass dir dieser kleine Leitfaden hier weitergeholfen hat. Schreib dein Feedback und deine Fragen doch gerne auf unseren Discordserver, wir helfen dir gerne weiter.
Ansonsten hilft während der Bearbeitung auch Google weiter - nicht zuletzt auch die Docs Seite vom Docusaurus.
Erstelle deine Dokumente bitte nach bestem Wissen und Gewissen und immer mit einem Anspruch auf sprachlich und textliche Richtigkeit. Lösche keine Dokumente, deren Löschung nicht unbedingt nötig ist.