用github發佈靜態頁面

兩種方法,方法一不需要任何工具,直接在網頁上傳,方法二安裝TortoseGit

方法一

1.在github上新建一個倉庫


2.填寫倉庫的名字,勾選public和Initalize this repository with a README.並點擊創建。在這裏我創建的名字叫test


3.點擊Upload files


4.出現以下頁面點擊choose your files開始選擇上傳文件,文件上傳後會顯示在列表裏。最後點擊下面的綠色按鈕Commit changes


5.頁面上傳完成出現如下頁面


6.點擊步驟5中最上面Settings,在Settings裏設置GitHub pages,打開如下圖1,如圖2中選擇Source,點擊Save.結果如圖3,圖3中的地址即爲靜態頁面的預覽地址。


方法二

1.下載安裝TortoseGit

下載地址 https://tortoisegit.org/download/

2.在github上新建一個倉庫

3.填寫倉庫的名字,並點擊創建。在這裏我創建的名字叫test


4.創建好的頁面如下,注意下圖中的地址


5.在本地電腦的任一盤的任意文件夾下單擊鼠標右鍵選擇Git Clone,出現如下圖,url地址更改爲步驟4中的地址,點擊OK。這樣github上的test庫就對應到了你的本機test文件夾下。


6.把需要上傳的靜態頁面相關css,images,js和頁面拷貝到test文件夾下,右鍵單擊test文件夾,選擇Git Commit->"master"...,在彈出來的對話框裏輸入註釋信息,選擇文件,點擊commit


7.鼠標右鍵單擊test文件夾,選擇TortoiseGit>Push,點擊OK。

8.接下來會彈出輸入用戶名和密碼,把fithub賬號密碼輸入,代碼就開始上傳至test庫。成功以後刷新github,如下圖

9.點擊步驟8中最上面Settings,在Settings裏設置GitHub pages,打開如下圖1,如圖2中選擇Source,點擊Save.結果如圖3,圖3中的地址即爲靜態頁面的預覽地址。

10.到此我們的頁面就算髮布成功啦!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章