利用Github Pages生成一個快速訪問的網址,展現本身的項目

利用Github Pages展現本身的項目

寫了個小項目,想要分享出去,一直在用Github管理項目,瞭解到Github還有Github Pages功能,而後驚喜的發現Github pages能夠搭建博客或者託管網頁,比什麼買域名,部署到什麼阿里雲之類的服務器方便多了,心動不如行動,下面就來講一下它的使用過程吧!
一:git

  1. 註冊帳號:地址: (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,能夠訪問你的項目網站了,也能夠分享給別人吹牛吹牛了!
相關文章
相關標籤/搜索