statusreport

StatutReport

Un déploiement en un clic déploie de statut de statut Github

Démo

Pourquoi lire, quand vous pouvez le voir par vous-même!

Demo utilise le code exact dans ce dépôt.
Les problèmes sont chargés d'ici

Usage

StatusReport a été construit pour être déployé en fournissant simplement ce dépôt, donc le processus est simple

• Fourchez le repo
• Modifier config.json dans le dossier static , guide ici
• Modifier les balises Meta dans index.html
• Définissez GitHub pour utiliser Master Branch pour les pages GitHub dans les paramètres de réapprovisionnement
• Ajoutez des étiquettes d'émission dans votre dépôt pour chacun des statuses et services à partir de config.json + l'étiquette announcement supplémentaire pour les annonces à l'échelle du système - Exemple ici

Les fichiers source contiennent des valeurs de démonstration, vous aurez donc une page de travail dès le début.

Et vous avez terminé! Tout sera mis à jour automatiquement et mis en cache par le client, sans avoir besoin de reconstruire ou de pousser quoi que ce soit.

Caractéristiques

• Mises à jour du côté client
• Conception réactive
• Déploiement en fournissant le repo
• Annonces à l'échelle du système

Personnaliser

La liste complète des options et valeurs config.json peut être trouvée ici

Si vous souhaitez plonger plus profondément - clonez le dépôt de votre système local et modifiez directement le CSS (dans le fichier ou via l'inspecteur) et commettez des modifications.

Domaine personnalisé

Si vous souhaitez que votre statutPage soit accessible via un domaine personnalisé - créez un fichier nommé CNAME à la racine de votre référentiel, avec votre domaine personnalisé. Et puis dans les paramètres DNS de votre domaine, ajoutez un nouvel enregistrement pointant sur yourname.github.io , où yourname est le nom de profil de votre github

Soutien

SATUSREPORT est et sera absolument libre d'utiliser et de redistribuer, cependant, si vous l'aimez et / ou mes autres projets - envisagez de vous inscrire à un petit don mensuel sur mon Patreon. C'est d'une énorme aide!

Développer

Si vous avez besoin d'aller plus loin © - Vous pouvez modifier les fichiers Source JS et SASS.

Frameworks / bibliothèques utilisées

• Réagir
• Toupet
• Aller chercher
• Bootstrap v4
• Souligner
• React-markdown
• Moment
• ExpressJS (pour Dev Server)

Exigences

• Nodejs
• NPM
• Toupet
• Tonnelle

Si vous ne souhaitez pas utiliser Nodejs Server - vous pouvez allumer un python devserver.py , vous aurez besoin de Flask installé pour que cela fonctionne, cependant.

Installation

Obtenez Bower, Browserify et Watchify (pour les mises à jour à la volée)

 npm install -g bower browserify watchify

Installez les dépendances du package

 npm install

bower install

En cours d'exécution

Terminal ouvert dans le répertoire de réapprovisionnement racine

Commencez à regarder pour construire automatiquement votre js

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

Puis démarrer Sass en mode montre

 sass --watch src:static

Enfin - exécutez l'un des serveurs inclus

Pour nœud

 node devserver.js

Pour python

 python devserver.py