statusreport

Estatus

Una página de estado de implementación con un solo clic para GitHub

Manifestación

¿Por qué leer, cuando puedes verlo por ti mismo!

La demostración usa el código exacto en este repositorio.
Los problemas se cargan desde aquí

Uso

Statusreport se creó para implementarse simplemente bifurcando este repositorio, por lo que el proceso es simple

• Bifurcar el repositorio
• Editar config.json en la carpeta static , guía aquí
• Editar metaetics dentro de index.html
• Establezca GitHub para usar la rama maestra para las páginas de GitHub en la configuración de repos
• Agregue las etiquetas de emisión en su repositorio para cada uno de los statuses y services de config.json + la etiqueta announcement adicional para anuncios de todo el sistema, ejemplo aquí

Los archivos de origen contienen valores de demostración, por lo que tendrá una página de trabajo desde el principio.

¡Y has terminado! Todo será actualizado automáticamente y almacenado en caché por el cliente, sin la necesidad de reconstruir o impulsar nada.

Características

• Actualizaciones del cliente
• Diseño receptivo
• Despliegue bifurcando el repositorio
• Anuncios de todo el sistema

Personalizar

La lista completa de opciones y valores config.json se puede encontrar aquí

Si desea sumergir más profundo, clone el repositorio a su sistema local y edite el CSS directamente (en el archivo o a través del inspector) y los cambios de confirmación.

Dominio personalizado

Si desea que su página de estado sea accesible a través del dominio personalizado, cree un archivo llamado CNAME en la raíz de su repositorio, con su dominio personalizado en él. Y luego, en la configuración de DNS de su dominio, agregue un nuevo registro que apunte a yourname.github.io , donde yourname es el nombre de perfil de su github

Apoyo

Satusreport es y será absolutamente libre de usar y redistribuir, sin embargo, si le gusta y/o mis otros proyectos, considere registrarse para una pequeña donación mensual en mi Patreon. ¡Es una gran ayuda!

Desarrollar

Si necesita profundizar ©, puede editar los archivos de origen JS y SASS.

Marcos/bibliotecas utilizadas

• Reaccionar
• Hablar con descaro a
• Buscar
• Bootstrap v4
• Subrayar
• React Markdown
• Momentojs
• ExpressJS (para el servidor Dev)

Requisitos

• Nodejs
• Npm
• Hablar con descaro a
• Cenador

Si no desea usar el servidor NodeJS: puede encender un python devserver.py , necesitará Flask instalado para que esto funcione.

Instalación

Obtenga Bower, Browserify y Watchify (para actualizaciones sobre la marcha)

 npm install -g bower browserify watchify

Instalar dependencias de paquetes

 npm install

bower install

Correr

Abrir terminal en el directorio de repositorio de la raíz

Comience a Watchify para construir automáticamente su JS

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

Luego comience a Sass en modo de reloj

 sass --watch src:static

Por fin: ejecute uno de los servidores incluidos

Para nodo

 node devserver.js

Para Python

 python devserver.py