GitHub是一個流行的程式碼託管平台,但你知道嗎?你也可以將其作為免費的靜態網站託管平台。在本文中,我將向你介紹如何在GitHub上部署你的靜態網站。
第一步:建立一個GitHub倉庫
首先,你需要在GitHub上建立一個新的倉庫,用來儲存你的網站的原始碼。請確保選擇Public選項,以確保您的網站可以公開訪問,並在.gitignore文件中添加你不希望被GitHub託管的文件或資料夾(例如node_modules或dist資料夾)。
第二步:將程式碼上傳到倉庫
上傳你的網站程式碼,可以直接上傳本機資料夾,也可以使用命令列將程式碼提交到倉庫。如果你需要進行版本控制,建議使用Git工具提交。
第三步:啟用GitHub Pages
啟用GitHub Pages是非常簡單的,前提是你的倉庫中必須有一個index.html檔案。在倉庫的Settings標籤中,向下捲動到GitHub Pages區域,並選擇「master branch」(主分支)作為來源,然後點擊「Save」按鈕。
如果你的網站是React、Vue.js、Angular等框架開發的,則可能需要將建置產生的檔案放在dist資料夾中,以確保正確的啟用GitHub Pages。
第四步:綁定自訂網域
如果你想將自訂網域綁定到GitHub Pages上的網站上,那麼也非常簡單。只要在放置在該倉庫中的根目錄下,新建一個名為CNAME的文件,並將你的網域寫入該文件中。然後,在你的網域服務商處設定一個CNAME記錄,指向你的GitHub Pages URL即可。
總結
在本文中,我們簡單介紹如何在GitHub上部署靜態網站。總的來說,這是一個非常優秀且免費的選擇,因為GitHub是一個非常強大的平台,提供了高效能的服務和穩定的託管。如果你正在尋找一個簡單的、免費的方式來部署你的網站,那麼GitHub Pages絕對值得你的嘗試。
以上是如何在GitHub上部署你的網站的詳細內容。更多資訊請關注PHP中文網其他相關文章!