前段時間在B站學習了怎樣做一個靜態網頁(up主是 表嚴肅 ),朋友問我他能不能訪問我的這個靜態網頁,我說還沒把它掛到網上。今天看見一篇文章說可以在GitHub部署自己的個人網站,心血來潮,想做一個玩玩,把上次的靜態網頁掛上去,讓朋友來訪問。網上教程一大堆,視頻也一大堆,但沒幾個能看懂,我跟着做了幾步就做不下去了。后來發現,其實很多是在教怎樣搭建博客,這和我想把網頁部署上去有點的區別。我想可能會有人和我一樣只是想把網頁部署上去,所以在此寫一篇博文,記錄下過程,方便大家。先感謝下讓我解決問題的博主,本文是以她的文章為參考而寫。
准備工具:1.GitHub 2.Git 3.自己寫好的HTML網頁
1.GitHub需要注冊,到哪里注冊呢?自己百度GitHub吧。全是英文,看不懂?那我推薦個B站的GitHub的教學視頻, https://www.bilibili.com/video/av10475153/ 建議從第18分鍾看起,前面講的太啰嗦。
2.Git的下載和安裝,地址:https://git-scm.com/,下載需要VPN。VPN我用的是藍燈,它有免費版。Git怎樣安裝呢?B站的視頻, https://www.bilibili.com/video/av10475153/#page=6 ,看這個視頻應該夠了。因為我看了很多博客,還配置了環境變量,所以不確定,
3.自己准備寫好的HTML網頁。
開始進入主題
1.進入GitHub,創建一個repository,見圖
2.完成選項后點擊綠色框create repository
3.點擊setting
4.找到GitHub pages,點擊none,選擇master branch,然后save保存。
5.save保存成功,網頁自動刷新,你再次回到GitHub pages,紅線部分是你的網址。
6.打開我的電腦,在一個你認為OK的磁盤中,我是F盤,鼠標右擊選擇 git bash here,彈出黑框框。
7.輸入如下命令,用來在 f 盤創建 aha 文件(隨意取名)放在你的GitHub上的test1 repository,克隆test1 repository到aha文件中
8.這時你可以看看aha中是否有這文件
9.將自己寫好的網頁文件放入aha中的test1中
10.回到黑框框,執行以下命令
11.注意add 后面有個空格再加一點,我第一次輸入就忘了
12.在輸入最后一行命令git push后,等一會可能會跳出需要你輸入GitHub賬號密碼的框,由於我瞎搞時輸入過,所以在此沒有圖,
13.在瀏覽器中打開新窗口,輸入GitHub pages給你的地址,再加上你上傳的網頁文件中的主html文件,就可以訪問你的網站了。其實直接輸入GitHub pages給你的地址也可以
-----***---
-----***---