statusreport

StatusReport

ワンクリックの展開GitHub-Hostedステータスページ

デモ

なぜあなたが自分でそれを見ることができるとき、なぜ読むのですか！

デモは、このレポで正確なコードを使用します。
ここから問題がロードされます

使用法

StatusReportは、このレポをフォーキングするだけで展開するように構築されたため、プロセスは簡単です

• レポをフォークします
• config.jsonをstaticフォルダーで編集して、こちらをご覧ください
• index.html内のメタタグを編集します
• Githubを設定して、Repo設定でGitHubページにマスターブランチを使用します
• config.jsonの各statusesとservicesリポジトリに問題ラベルを追加します +システム全体のアナウンスの追加announcementラベル - 例の例

ソースファイルにはデモ値が含まれているため、最初からワーキングページがあります。

そして、あなたは終わった！すべてが自動的に更新され、クライアントによってキャッシュされ、何も再構築またはプッシュする必要なく、クライアントによってキャッシュされます。

特徴

• クライアント側の更新
• レスポンシブデザイン
• リポジトリを分岐して展開します
• システム全体の発表

カスタマイズ

config.jsonオプションと値の完全なリストはこちらにあります

より深く潜りたい場合 - レポをローカルシステムにクローンし、CSSを（ファイルまたは検査官を介して）直接編集し、変更を犯します。

カスタムドメイン

カスタムドメインを介してステータスページをアクセスできるようにする場合は、カスタムドメインが含まれているリポジトリのルートにCNAMEという名前のファイルを作成します。そして、あなたのドメインのDNS設定に、 yourname.github.ioをyourname新しいレコードを追加します。

サポート

SatusReportは、自由に使用して再配布することができますが、あなたがそれを気に入ったり、他のプロジェクトを気に入っている場合は、私のPatreonでの毎月のわずかな寄付にサインアップすることを検討してください。それは大きな助けです！

開発する

より深く進む必要がある場合© - ソースJSおよびSASSファイルを編集できます。

使用されるフレームワーク/ライブラリ

• 反応します
• サス
• フェッチ
• ブートストラップV4
• アンダースコア
• React-Markdown
• Momentjs
• ExpressJS（開発サーバー用）

要件

• nodejs
• npm
• サス
• bower

nodejsサーバーを使用したくない場合は、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

最後に、付属のサーバーの1つを実行します

ノード用

 node devserver.js

Python用

 python devserver.py