statusreport

Statusreport

Ein One-Click-Bereitstellen von Github-veranstalteten Statuspage

Demo

Warum lesen, wenn Sie es selbst sehen können!

Demo verwendet den genauen Code in diesem Repo.
Probleme werden von hier aus geladen

Verwendung

Der Statusreport wurde so erstellt, dass er einfach dieses Repo aufgab. Daher ist der Prozess einfach

• Fork das Repo
• Bearbeiten Sie config.json im static Ordner, Handbuch hier
• Bearbeiten Sie Meta -Tags in index.html
• Stellen Sie GitHub so ein, dass sie Master -Zweig für Github -Seiten in Repo -Einstellungen verwenden
• Fügen Sie für jeden der statuses und services von config.json + das zusätzliche announcement für systemweite Ankündigungen - Beispiel hier in Ihrem Repo in Ihrem Repo hinzu.

Quelldateien enthalten Demo -Werte, sodass Sie von Anfang an eine Arbeitsseite haben.

Und du bist fertig! Alles wird automatisch aktualisiert und vom Kunden zwischengespeichert, ohne dass etwas wieder aufgebaut oder vorgezogen werden muss.

Merkmale

• Kundenseitige Updates
• Responsive Design
• Bereitstellung durch Abgabe des Repo
• Systemweite Ankündigungen

Anpassen

Die vollständige Liste der Optionen und Werte von config.json finden Sie hier

Wenn Sie tiefer tauchen möchten - klonen Sie das Repo in Ihr lokales System und bearbeiten Sie das CSS direkt (in der Datei oder über den Inspektor) und begehen Sie Änderungen.

Benutzerdefinierte Domain

Wenn Sie möchten, dass Ihre Statuspage über benutzerdefinierte Domain zugänglich ist, erstellen Sie eine Datei namens CNAME im Stammvermögen Ihres Repo mit Ihrer benutzerdefinierten Domain. Und dann fügen Sie in den DNS -Einstellungen Ihrer Domain einen neuen Datensatz hinzu, der auf yourname.github.io zeigt, wo yourname Ihr Github -Profilname ist

Unterstützung

SatusReport ist und kann absolut kostenlos verwendet und neu verteilt sein. Wenn Sie es und/oder meine anderen Projekte mögen, sollten Sie sich für eine kleine monatliche Spende auf mein Patreon anmelden. Es ist eine große Hilfe!

Entwickeln

Wenn Sie tiefer gehen müssen © - Sie können die Quell -JS- und SASS -Dateien bearbeiten.

Frameworks/Bibliotheken verwendet

• Reagieren
• Sass
• Bringen
• Bootstrap v4
• Unterstreichen
• React-Markdown
• Momentjs
• ExpressJs (für Dev Server)

Anforderungen

• Nodejs
• NPM
• Sass
• Laube

Wenn Sie keinen NodeJS -Server verwenden möchten, können Sie einen Python devserver.py abbauen, aber Sie benötigen einen Flask, der dafür installiert ist, dass dies funktioniert.

Installation

Holen Sie sich Bower, Browserify und Watchify (für Updates im Fliege))

 npm install -g bower browserify watchify

Paketabhängigkeiten installieren

 npm install

bower install

Läuft

Offenes Terminal im Root Repo -Verzeichnis

Starten Sie Watchify, um Ihre JS automatisch zu erstellen

 watchify src/source.js -t [ babelify --presets [ es2015 react ] ] -o static/bundle.js -v

Dann starten Sie SASS im Uhrenmodus

 sass --watch src:static

Endlich - führen Sie einen der mitgelieferten Server aus

Für Knoten

 node devserver.js

Für Python

 python devserver.py