statusreport

상태보고

한 번의 클릭 배포 GitHub 호스팅 상태 페이지

데모

왜 읽을 수있을 때, 당신이 그것을 직접 볼 수있을 때!

데모는이 리포지토리에서 정확한 코드를 사용합니다.
여기에서 문제가로드됩니다

용법

StatusReport는이 repo를 간단히 포킹하여 배치하도록 구축되었으므로 프로세스는 간단합니다.

• 레포를 포크하십시오
• config.json을 static 폴더에서 편집하고 여기를 안내하십시오
• Index.html 내부의 메타 태그 편집
• REPO 설정에서 GitHub 페이지에 Master Branch를 사용하도록 GitHub 설정
• Config.json의 각 statuses 및 services 에 대한 Repo에 문제 레이블 추가 시스템 전체 공지에 대한 추가 announcement 레이블 - 예제 여기

소스 파일에는 데모 값이 포함되어 있으므로 처음부터 작업 페이지가 있습니다.

그리고 당신은 끝났습니다! 모든 것이 자동으로 업데이트되고 클라이언트가 재건하거나 밀어야 할 필요없이 클라이언트가 캐시합니다.

특징

• 클라이언트면 업데이트
• 반응 형 디자인
• Repo를 포킹하여 배포
• 시스템 전체의 발표

사용자 정의하십시오

config.json 옵션 및 값의 전체 목록은 여기에서 찾을 수 있습니다.

더 깊이 다이빙하려면 - 리포를 로컬 시스템으로 복제하고 (파일 또는 검사관을 통해) CSS를 직접 편집하고 변경 사항을 커밋하십시오.

맞춤 도메인

사용자 정의 도메인을 통해 상태 페이지에 액세스 할 수 있으려면 사용자 정의 도메인을 사용하여 Repo의 루트에서 CNAME 이라는 파일을 만듭니다. 그런 다음 도메인의 DNS 설정에서 yourname.github.io 에서 새로운 레코드를 추가합니다. 여기서 yourname GitHub의 프로필 이름입니다.

지원하다

SatusReport는 당신이 그것을 좋아하고/또는 다른 프로젝트를 좋아한다면 사용하고 재배치 할 수 있으며 절대적으로 자유롭게 사용하고 재배치 할 수 있습니다. 내 Patreon에 작은 월간 기부에 가입하는 것을 고려하십시오. 큰 도움이됩니다!

개발하다

더 깊이 이동 해야하는 경우 © - 소스 js 및 sass 파일을 편집 할 수 있습니다.

사용 된 프레임 워크/라이브러리

• 반응
• 사스
• 술책
• 부트 스트랩 v4
• 밑줄
• 반응 마크 다운
• Momentjs
• ExpressJS (Dev Server 용)

요구 사항

• nodejs
• NPM
• 사스
• 나무 그늘

Nodejs 서버를 사용하지 않으려면 Python devserver.py 발사 할 수 있습니다.하지만이 작업을 위해 플라스크를 설치해야합니다.

설치

Bower, Browserify 및 Watchify (현금 업데이트)

 npm install -g bower browserify watchify

패키지 종속성을 설치하십시오

 npm install

bower install

달리기

루트 repo 디렉토리에서 터미널을 엽니 다

JS를 자동으로 구축하려면 Watchify를 시작하십시오

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

그런 다음 시계 모드에서 Sass를 시작하십시오

 sass --watch src:static

마침내 - 포함 된 서버 중 하나를 실행하십시오

노드 용

 node devserver.js

파이썬의 경우

 python devserver.py