DIY 四步架設自己的 HKBUS.APP - hkbus/hk-independent-bus-eta GitHub Wiki

1. Register Github Account

第一步需要到 Github 申請自己的 Github account。

填寫基本資料後基本上就可以了。 image

2. Fork project

登入你的 Github account 後，到 hkbus.app 的 Github repository 按 Fork。

image

隨後把 Repository name 改為，<GITHUB_USER_NAME>.github.io，譬如我的 Github account name 為 chunlaw，則把 repository name 改為 chunlaw.github.io，見下圖。

image

然後便可按 Create fork，完成後已代表你把 hkbus.app 的代碼備份到了自己的戶口了。

3. Build & Deploy the app

在代碼倉庫的頁面上方打橫的選項中，按 Actions （見下圖）。

image

跳到頁面確定讓 Github Actions 可以運行代碼倉庫裡的 Workflows，選 "I understand my workflows, go ahead and enable them"

image

在新頁面中，選擇左方的 Build & Deploy，然後在右邊選擇 Enable workflow。

image

最後點選 Run workflow 開啟選單，再按 Run workflow。

重新整理後會看到 Github Actions 在運行整個 Build & Deploy 的流程。

image

4. Launch

等待上述的流程完成。

image

再到 Settings -> Pages，在 Branch 的選項中揀選 gh-pages，然後按 Save。

image

稍候片刻⋯⋯

image

你的 hkbus.app 便會出現在 https://<GITHUB_USER_NAME>.github.io （例子為：https://chunlaw.github.io/）上。

image