1. 程式人生 > >如何使用GitHub Pages搭建頁面

如何使用GitHub Pages搭建頁面

一 建立倉庫

建立倉庫.PNG

二 獲取倉庫

  • 1.開啟settings,找到Github Pages 的設定,點選 source 中的 None ,使其變成 master 分支,也就是作為部署github pages 的分支,然後點選 save。

設定.PNG
  • 2.頁面重新整理之後,再看 github pages 設定框處,多了一行網址,就是你的 github pages 的網址了。

網站.PNG

三 建立本地檔案

  • 1.在桌面新建一個資料夾,右鍵空白處點選 git bash here(首先確保安裝了git)。

git.PNG
  • 2.克隆,複製連結。

clone.PNG
命令 git clone
https://github.com/Cyokin1207/TNTpage.git

gitclone.PNG

  • 3.這個時候檔案中就會多一個TNTpage檔案,開啟它。

資料夾.PNG
檔案.PNG
  • 4.將自己的網頁檔案複製貼上至該檔案中。

新增.PNG
  • 5.命令git status,列出當前目錄所有還沒有被git管理的檔案和被git管理且被修改但還未提交(git commit)的檔案,也就是所有改動檔案,紅色字型標出。

git1.PNG
  • 6.然後輸入 “git add . (有個點)” 表示添加當前目錄下的所有檔案和子目錄。 然後 再輸入一次 git status 如果看見檔案都變綠了 ,那麼就代表 它們已經準備好了被提交(git commit)。

git2.PNG
  • 7.輸入命令(git commit -m ‘這裡是描述test’)將檔案上傳至遠端 master 分支

git3.PNG
  • 8.先git pull再git push。輸入最後一行 git push,按回車,等一會,會有彈出框讓你輸入你的 github 賬號和密碼

git pull (從遠端倉庫下載到本地倉庫)
git push (從本地倉庫上傳到遠端倉庫 )

git4.PNG
git5.PNG

  • 9.完成。回到GitHub你的倉庫主頁,重新整理,不斷的重新整理,剛重新整理的幾次什麼都沒有,以為自己沒有上傳成功,反反覆覆又上傳了好幾遍,總之就是重新整理到你懷疑人生。

上傳成功.PNG

四 通過網址即可訪問頁面

https://cyokin1207.github.io/TNTpage/index.html

1.PNG
2.PNG