การปรับใช้ GitHub-hosted statuspage
ทำไมต้องอ่านเมื่อคุณเห็นด้วยตัวคุณเอง!
Demo ใช้รหัสที่แน่นอนใน repo นี้
ปัญหาถูกโหลดจากที่นี่
StatusReport ถูกสร้างขึ้นเพื่อนำไปใช้โดยเพียงแค่ forking repo นี้ดังนั้นกระบวนการจึงง่าย
static
คู่มือที่นี่statuses
และ services
จาก config.json + ฉลาก announcement
เพิ่มเติมสำหรับการประกาศทั่วทั้งระบบ - ตัวอย่างที่นี่ไฟล์ต้นฉบับมีค่าตัวอย่างดังนั้นคุณจะมีหน้าการทำงานตั้งแต่ต้น
และคุณทำเสร็จแล้ว! ทุกอย่างจะได้รับการอัปเดตโดยอัตโนมัติและแคชโดยลูกค้าโดยไม่จำเป็นต้องสร้างใหม่หรือผลักดันสิ่งใด
รายการตัวเลือกและค่า config.json แบบเต็มสามารถดูได้ที่นี่
หากคุณต้องการดำน้ำลึก - โคลน repo ไปยังระบบท้องถิ่นของคุณและแก้ไข CSS โดยตรง (ในไฟล์หรือผ่านผู้ตรวจสอบ) และกระทำการเปลี่ยนแปลง
หากคุณต้องการให้สถานะสถานะของคุณสามารถเข้าถึงได้ผ่านโดเมนที่กำหนดเอง - สร้างไฟล์ชื่อ CNAME
ในรูทของ repo ของคุณด้วยโดเมนที่กำหนดเองของคุณในนั้น จากนั้นในการตั้งค่า DNS ของโดเมนของคุณจะเพิ่มระเบียนใหม่ที่ชี้ไปที่ yourname.github.io
โดยที่ yourname
คือชื่อโปรไฟล์ของคุณ
SatusReport เป็นและจะมีอิสระในการใช้งานและแจกจ่ายอีกครั้งอย่างไรก็ตามหากคุณชอบและ/หรือโครงการอื่น ๆ ของฉัน - พิจารณาลงทะเบียนเพื่อบริจาคเงินรายเดือนเล็ก ๆ น้อย ๆ ใน Patreon ของฉัน ช่วยได้มาก!
หากคุณต้องการลึกลงไป© - คุณสามารถแก้ไขไฟล์ JS และไฟล์ SASS ได้
หากคุณไม่ต้องการใช้เซิร์ฟเวอร์ NodeJS - คุณสามารถยิง Python
devserver.py
ได้คุณจะต้องติดตั้ง Flask เพื่อให้ได้ผล
รับ Bower เบราว์เซอร์และดู (สำหรับการอัปเดตแบบทันที)
npm install -g bower browserify watchify
ติดตั้งแพ็คเกจการพึ่งพา
npm install
bower install
เทอร์มินัลเปิดในไดเร็กทอรีรูท repo
เริ่ม 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