首頁 > 開發工具 > Git > 如何在GitHub上部署你的網站

如何在GitHub上部署你的網站

PHPz
發布: 2023-03-31 13:55:05
原創
2404 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板