1. 程式人生 > >如何把自己寫的網頁掛在Github上面(完整教程)

如何把自己寫的網頁掛在Github上面(完整教程)

第一步

登陸Github賬號,然後建立一個遠端倉庫,這裡我們命名為bird,建立完成後複製其ssh的URL備用


第二步

進入到bird倉庫中,選擇“settings”進行倉庫設定,滾動到頁面底部找到“Github Pages”部分:


點選“Choose a theme”選項:

點選“Select theme”對主題進行選擇,完成後一個具備遠端訪問功能的倉庫就已經設定好了,可以通過網址進行訪問了。在瀏覽器中輸入網址:https://rfhzhj.github.io/bird/即可訪問到這個倉庫的首頁:


第三步

在本地建立對映倉庫,我們在本地建立一個資料夾用於承載遠端倉庫的克隆體(這裡我建立了名為zhj的資料夾)。開啟Git Bash命令列,定位到zhj資料夾,輸入克隆命令(git clone + ssh的url):git clone

[email protected]:RFHzhj/bird.git;

在進行克隆的時候也可以使用https進行克隆,即輸入命令(git clone + HTTPS的url):

通過點選 Use SSH 可以進行SSH和HTTPS的切換。

下面正式進行克隆:


命令執行完成後,本地資料夾zhj目錄下就會有一個遠端倉庫的克隆體,裡面有一個固定資料夾.git和其他一些預設檔案,就是之前https://rfhzhj.github.io/bird/訪問到的頁面。

第四步

開啟克隆倉庫,刪除除了.git以外的其他檔案,上傳我們自己的檔案。我們先完成刪除環節,刪除完克隆倉庫的目標檔案之後,在此路徑下開啟github命令視窗,執行以下命令:

$ git add * //把本地倉庫的檔案上傳到快取。
$ git commit -m 'del' //把第一步上傳到快取的東西上傳到本地倉庫,其中'del'是操作標識,內容隨便填,方便使用者觀看。
$ git push origin master //把本地倉庫的檔案上傳到遠端倉庫。

現在,我們就成功更新了遠端倉庫,現在倉庫裡什麼都沒有,使用網址https://rfhzhj.github.io/bird/已經訪問不到。


第五步

現在我們就可以往本地倉庫裡面新增我們想要展示的檔案啦:

然後再次執行上一步的三個命令:

完成這一步之後,遠端倉庫的檔案就已經完成更新了,可以通過網址來訪問我們想要展示的專案了。

這樣我們就成功把自己的專案掛到了Github上面了。