利用Github Pages生成一個快速訪問的網址,展示自己的項目


利用Github Pages展示自己的項目

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

  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,可以訪問你的項目網站了,也可以分享給別人吹牛吹牛了!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM