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絕對值得你的嘗試。