詳細介紹:怎麽用github展示自己的前端項目頁面
之前一直想著把自己做的一些頁面怎麽用github展示出來,因為我看到有人用的是github來展示自己做的一些項目。用github來展示就不用去折騰搭建自己的網站等一系列復雜的東西了,後面在網上搜了下,感覺好復雜,但是最近幾天靜心下來研究這個,結合別人寫的一些教程,發現是那麽的簡單,分分鐘的事兒嘛,覺得網上有些教程寫的太過於復雜,對新手不是很友好,特此寫一篇覺得對新手友好的教程,希望能幫到有需要的人。
第一步,你首先要註冊一個github賬號,我想這個應該很簡單吧。要是實在不會百度……
第二步,註冊好github之後,你需要安裝git (git下載官方鏈接:https://git-scm.com/downloads),下載好後安裝,一路next就行。安裝好後你鼠標右鍵單機會顯示git,如下圖所示:
至於git教程可以去看廖雪峰老師寫的( 鏈接:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/),註意:第一次使用git命令行的時候需要自報家門,填寫自己的名字和郵箱,具體說明請看相關教程。
第三步:去github上創建自己的項目倉庫,登陸進自己的github後,點擊加好,選擇:new respository,見下圖:
點擊之後就會出現下圖所示的界面:填寫自己的項目名稱,項目相關介紹,選擇公開還是私密。這裏展示自己的項目選擇公開
填好之後點擊下方綠色的創建按鈕,創建好後會出現如下界面:註意(紅框區域的鏈接就是你的倉庫地址,這個需要記好,一會兒需要用)
第四步:上面項目倉庫創建好後,接下來就是給自己的倉庫吧添加項目了,這裏我們用git命令給倉庫上傳項目。先進入 自己的項目目錄,然後鼠標右擊選擇git bash here,如下圖所示:
點擊git bash here後,會出現如下git窗口:
接下來就來輸入命令,一步一步來把自己的項目推送到自己的倉庫。
1.輸入git init 初始化,輸入後如下圖所示:
2.然後再輸入git add . (註意後面還有一個點哦),如下圖:
3.接著輸入輸入git commit -m "first commit" 雙引號裏面的內容可以自定義,如下圖:(註意這裏第一次使用上傳的時候,到這一步會出現讓你輸賬戶和密碼的框,輸了之後確定就好了,以後再傳就不用再輸賬戶密碼了,詳細介紹可以看我推薦的那篇gitHub教程)
4.然後在輸入git remote add origin https://github.com/pickerless/rentproj (後面這個鏈接就是自己的倉庫地址,這裏我放的是我自己的倉庫地址),見下圖:
5.最後一步輸入:git push -u origin master 把代碼上傳到github倉庫,見下圖:
這樣我們就把自己的項目推送到自己的倉庫裏面了。關於推送項目到自己的倉庫,可以參考這篇文章:https://blog.csdn.net/m0_37725003/article/details/80904824 寫的很詳細。
第五步:現在我們就可以去自己的項目倉庫設置了,做到這,就距離成功不遠了!進入我們的倉庫就可以看到裏面多了些東西,見下圖:
接下來我們點擊頁面的settings按鈕,點擊settings後,往下翻,翻到GitHub Pages 處,如下圖:
然後點擊None按鈕,選擇master branch,見下圖:
點擊之後再看這裏,會出現一個鏈接,如圖:
點擊這個鏈接之後,你的項目就能展示 出來啦!註意,你的項目 裏面必須得有index.html頁面,好像是gitHub是從index開始解析的。
詳細介紹:怎麽用github展示自己的前端項目頁面