statusreport

现状报告

一单击部署github托管状态页面

演示

当您自己看到它时，为什么要阅读！

演示使用此存储库中的确切代码。
问题从这里加载

用法

Sutature Report是通过简单地拨出此存储库来部署的，因此该过程很简单

• 分叉存储库
• 在static文件夹中编辑config.json，请在此处指南
• 在index.html中编辑元标记
• 将github设置为将主分支用于repo设置中的github页面
• 在announcement的存储库中添加问题和服务中的每个statuses和services 。

源文件包含演示值，因此您将从一开始就拥有一个工作页面。

你完成了！一切都将自动更新并由客户缓存，而无需重建或推动任何东西。

特征

• 客户端更新
• 响应式设计
• 通过分配存储库来部署
• 系统范围的公告

定制

config.json选项和值的完整列表可以在此处找到

如果您想更深入地潜入 - 将存储库克隆到本地系统，然后直接编辑CSS（在文件中或通过检查员）并进行更改。

自定义域

如果您希望通过自定义域访问您的状态页面 - 在您的自定义域中创建一个名为CNAME的文件。然后在您的域的DNS设置中添加了一个新的记录，指向yourname.github.io ，其中yourname是您的github的个人资料名称

支持

SatusReport是并且将绝对可以自由使用和重新分发，但是，如果您喜欢和/或我的其他项目，请考虑在我的Patreon上注册每月少量捐款。这是一个巨大的帮助！

发展

如果您需要更深入© - 可以编辑源JS和SASS文件。

使用的框架/库

• 反应
• Sass
• 拿来
• Bootstrap V4
• 下划线
• React-Markdown
• 时刻
• ExpressJS（用于开发服务器）

要求

• nodejs
• NPM
• Sass
• 鲍尔

如果您不想使用nodejs服务器 - 可以启动Python devserver.py ，但是您需要安装烧瓶才能正常工作。

安装

获取Bower，浏览和观察（用于在线更新）

 npm install -g bower browserify watchify

安装软件包依赖项

 npm install

bower install

跑步

Root Repo目录中的开放终端

开始观察以自动构建您的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