statusreport

StatusReport

Um clique implantando o statuspage hospedado no Github

Demonstração

Por que ler, quando você pode ver por si mesmo!

A demonstração usa o código exato neste repo.
Os problemas são carregados daqui

Uso

StatusReport foi construído para ser implantado simplesmente comprando esse repositório, então o processo é simples

• Bifurcar o repo
• Editar config.json na pasta static , guia aqui
• Editar meta tags dentro de index.html
• Defina o Github para usar as páginas do mestre para o GitHub em configurações de repo
• Adicionar rótulos de edição em seu repositório para cada um dos statuses e services do config.json + a etiqueta announcement extra para anúncios em todo o sistema - exemplo aqui

Os arquivos de origem contêm valores de demonstração, portanto, você terá uma página de trabalho desde o início.

E você terminou! Tudo será atualizado automaticamente e armazenado em cache pelo cliente, sem a necessidade de reconstruir ou pressionar qualquer coisa.

Características

• Atualizações do lado do cliente
• Design responsivo
• Implantação bingando o repositório
• Anúncios em todo o sistema

Personalizar

Lista completa de opções e valores config.json pode ser encontrada aqui

Se você deseja se aprofundar - clone o repositório do seu sistema local e edite o CSS diretamente (no arquivo ou através do inspetor) e compreenda alterações.

Domínio personalizado

Se você deseja que seu statuspage seja acessível através do domínio personalizado - crie um arquivo chamado CNAME na raiz do seu repositório, com seu domínio personalizado nele. E então, nas configurações de DNS do seu domínio, adicione um novo recorde apontando para yourname.github.io , onde yourname é o nome do perfil do seu github

Apoiar

O SatUSEport é e será absolutamente livre para usar e redistribuir, no entanto, se você gosta e/ou em meus outros projetos - considere se inscrever em uma pequena doação mensal no meu Patreon. É uma grande ajuda!

Desenvolver

Se você precisar se aprofundar © - você pode editar os arquivos JS e SASS de origem.

Estruturas/bibliotecas usadas

• Reagir
• Sass
• Buscar
• Bootstrap V4
• Sublinhado
• React-Markdown
• Momentjs
• ExpressJS (para servidor de desenvolvimento)

Requisitos

• Nodejs
• Npm
• Sass
• Bower

Se você não quiser usar o NodeJS Server - você pode iniciar um Python devserver.py , precisará de frasco instalado para que isso funcione.

Instalação

Obtenha Bower, BrowSerify e Watchify (para atualizações on-the-fly)

 npm install -g bower browserify watchify

Instale dependências do pacote

 npm install

bower install

Correndo

Terminal aberto no diretório de repositório raiz

Comece a Watchify para construir automaticamente seu JS

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

Em seguida, inicie o SASS no modo de relógio

 sass --watch src:static

Finalmente - execute um dos servidores incluídos

Para o nó

 node devserver.js

Para python

 python devserver.py