如何在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給你的地址也可以

-----***---

-----***---


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM