1. 程式人生 > >如何在GitHub部署自己的個人網站

如何在GitHub部署自己的個人網站

前段時間在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給你的地址也可以

-----***---

-----***---