statusreport

StatusReport

Статусная страница развертывания на одном клике.

Демо

Зачем читать, когда вы можете увидеть это для себя!

Демо использует точный код в этом репо.
Проблемы загружаются отсюда

Использование

StatusReport был создан для развертывания, просто разбейте этот репо, поэтому процесс прост

• Вилка репо
• Редактировать config.json в static папке, руководство здесь
• Редактировать метатеги внутри index.html
• Установите GitHub, чтобы использовать основную ветвь для страниц GitHub в настройках репо.
• Добавьте метки выпуска announcement свой репо для каждого из statuses и services от config.json +

Исходные файлы содержат демонстрационные значения, поэтому у вас будет рабочая страница с самого начала.

И ты закончил! Все будет обновляться автоматически и кэшируется клиентом без необходимости перестроить или подтолкнуть что -либо.

Функции

• Клиентские обновления
• Отзывчивый дизайн
• Развертывание путем поддержания репо
• Общенациональные объявления

Настраивать

Полный список параметров и значений config.json можно найти здесь

Если вы хотите погрузиться глубже - клонировать репо в локальную систему и отредактировать CSS напрямую (в файле или через инспектор) и совершите изменения.

Пользовательский домен

Если вы хотите, чтобы ваша страница состояния была доступна через пользовательский домен - создайте файл с именем CNAME в корне вашего репо, с вашим пользовательским доменом в нем. А затем в настройках DNS вашего домена добавьте новую запись, указывающую на yourname.github.io , где yourname - это имя профиля вашего GitHub

Поддерживать

SatusReport является и будет абсолютно бесплатным для использования и повторного распределения, однако, если вам это нравится, и/или мои другие проекты - рассмотрите возможность подписаться на небольшое ежемесячное пожертвование на моем патроне. Это огромная помощь!

Развивать

Если вам нужно углубиться © - вы можете отредактировать файлы JS и SASS Source и SASS.

Frameworks/Libraries используются

• Реагировать
• Набережный
• Принести
• Bootstrap V4
• Подчеркивается
• React-Markdown
• Момент
• Expressjs (для Dev Server)

Требования

• Nodejs
• Npm
• Набережный
• Башня

Если вы не хотите использовать Nodejs Server - вы можете запустить Python devserver.py , вам понадобится установленная колба для работы.

Установка

Получить Bower, браузериф и Watchify (для обновлений на лету)

 npm install -g bower browserify watchify

Установите зависимости пакета

 npm install

bower install

Бег

Открытый терминал в корневом каталоге репо

Начните Watchify, чтобы автоматически построить JS

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

Затем запустите Sass в режиме наблюдения

 sass --watch src:static

Наконец -то запустите один из прилагаемых серверов

Для узла

 node devserver.js

Для Python

 python devserver.py