使用 Github Pages 上傳你的第一個網頁
理解git 與 github不同,並利用github上傳網頁
別搞混!git 與 github 不同
簡單來說:Git是一個分散式版本控制系統,可讓您多處放置同一份程式碼、歷史紀錄追蹤與回朔,讓協同開發更容易。GitHub是基於遠端數據庫,可讓您管理Git存儲庫。如果您有使用Git開放的原始碼專案,那麼GitHub旨在幫助您更好地管理它們。
來源: Git vs. GitHub: What’s the Difference?
使用putty 產生金鑰(ssh key)上傳至你的github(windows版)
1.下載putty (https://www.putty.org/)
至頁面點擊第一個 Download Putty
依電腦位元下載相應版本
2.開啟Puttygen(可參考影片網址(前1:30) : https://www.youtube.com/watch?v=kBB_iN4_Xsg)
3.先點擊generate,後於紅方框處搖動滑鼠標籤產生金鑰
4.紅方框處產生即為公鑰,另外點擊save private key,儲存n私鑰ppk檔,之後如要再讀取可點選load 開啟ppk檔讀取公鑰。
5.至github setting點選SSH and GPG keys:point_right:SSH Keys :point_right: New SSH key新增公鑰
6.設定title 和公鑰(Key)
7.完成後呈現畫面
在github創新專案
1.註冊github後,點選右上角+,增加新專案(new repository)
2.為您的專案取名字,可選擇public or private,然後按下面綠色按鈕創建專案(create repository)
3.如果您電腦本地端還未有git的資料夾,可照 or create..一欄建立,這裡我已在電腦本地端設立了git的資料夾,因此我採用第二個or push..一欄的指令,去作與本地端的連結,您可以採用https or SSH去做連結都可以。
查詢本地端是否連結,可輸入command line 指令:git remote查詢顯示遠端數據庫清單,加上-v即可顯示遠端數據庫的詳細情況。
尚未連結情形:
連結後情形(通常遠端名稱會以origin為主):
補充:如果你因為某些原因想要移除一個遠端,你可以執行git remote rm
小知識:
git branch -M master指令,為響應黑人平權運動,GitHub宣布從10月1日起改變新Git儲存庫的預設命名,以main來取代原本的master。
連結參考:https://www.ithome.com.tw/news/140094
4.輸入指令後,呈現如下,在回到github充新整理,即可見到本地端創建git資料夾的檔案
開始上傳靜態網頁到github
1.首先建立html檔案
2.檢查html的git staus:point_right: git add (加進暫存
區):point_right:git commit -m “”(加進儲存庫)
ˇ3.git commit -m動作結束後,我們要建立新的branch gh-pages,因此輸入git branch gh-pages,
4.此時輸入git branch檢查會進入下面vim模式(輸入git log也會有同樣的情形),必須輸入:wq儲存離開頁面。
p.s若不要此編輯模式,我們輸入git config –global core.pager ‘’,來讓所有顯示皆出現在同一頁。
5.轉到分支 branch gh-pages,然後輸入git push推到github上
6.輸入上圖最後一行”git push –…”
7.這樣回到github頁面重新整理即完成上傳,
然後輸入您的[githubname].github.io/[git專案名]
我的部分為:shawnliu1012.github.io/hello_git,
靜態頁面便完成上傳!