之前一直想着把自己做的一些頁面怎么用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開始解析的。