利用Github Pages展示自己的項目
寫了個小項目,想要分享出去,一直在用Github管理項目,了解到Github還有Github Pages功能,然后驚喜的發現Github pages可以搭建博客或者托管網頁,比什么買域名,部署到什么阿里雲之類的服務器方便多了,心動不如行動,下面就來說一下它的使用過程吧!
一:
- 注冊賬號:地址: (https://github.com/),如果有了賬號直接登錄就ok了!
login.png
2.下載安裝git:https://git-scm.com/downloads
3.在本地准備好你的項目
項目文件.png
二:
1.登錄你的github,然后創建一個New repository,起個名稱dome(名稱隨你開心的改),勾選 initialize this repository with a README,如下圖,然后點擊create repository。
Create new repository.png
2.點擊settings
settings.png
3.然后把點擊打開的頁面往下滑動有個Github Pages 的設置,點擊Launch automatic page generator(啟動自動頁面生成器)。
GitHub Pages.png
4.點擊頁面最后的continue to layouts,然后就看到有幾個頁面主題,選中一個,點擊 publish pages。
主題.png
5.然后頁面頭部就會有個頁面網址,如下圖,打開網址,就會看到你選中的主題頁面了!
網址.png
網址打開的頁面.png
三:
1.在電腦上選擇一個盤,比如E 盤,在空白處鼠標右鍵,點擊 Git Bash。
2.輸入如下命令,用來在 E盤創建 dome 文件放你的github上的dome repository,克隆dome repository到dome文件中。
git.png
3.然后到E盤,會發現dome文件里多了個dome文件,打開里面出現README.md 的文件
dome.png
4.回到Github,發現我們有兩個分支,master和gh-pages分支,現在項目是在master分支,但是我們需要編輯的是gh-pages分支。
分支切換.png
5:輸入以下命令,為本地新建一個gh-pages分支,而這個分支是遠程分支origin/gh-pages的鏡像,也就是我們可以在本地的gh-pages看到github上的gh-pages的內容。
新分支.png
6.然后E盤在打開dome文件,發現如下:
新dome.png
7:輸入以下命令(圖1,圖2一起的),刪除原有的gh-pages文件,並提交(commit)本次修改。
1.png
2.png
在打開E盤,發現文件沒有了
dome1.png
8:然后把自己的項目文件粘貼至E 盤的 dome 文件中
項目.png
9.輸入如下命令,為了本地gh-pages中的項目文件同步到遠程的gh-pages中。
命令.png
10.最后輸入git push origin gh-pages,會出現讓你輸入你的 github 賬號和密碼,輸入之后回車,如圖
ok.png
10.最后打開瀏覽器輸入你的網址:
最后網址.png
ok,可以訪問你的項目網站了,也可以分享給別人吹牛吹牛了!