github pages部署靜態網頁

若是你的項目只是一個靜態網站，就沒有必要再去整什麼服務器，github pages 提供了搭建靜態網站的功能；

爲何使用Github Pages

1. 搭建簡單並且免費；

2. 支持靜態腳本；

3. 能夠綁定你的域名；

4. DIY自由發揮，動手實踐一些有意思的東西git,markdown,bootstrap,jekyll；

5. 理想寫博環境，git+github+markdown+jekyll；

****不限流量、不限流量、不限流量，重要的事說三遍！！！****

下面是搭建簡單實例：

1、展現項目搭建

一、先建立一個repository，項目名自定義，最好把readme建立一下，標明項目簡介

二、進入setting設置

找到Launch automatic page generator ，單擊

三、填寫信息

 

單擊 continue to layouts

在這裏選擇你要的模板，單擊publish page，這樣就發佈成功了（這裏能夠隨便選一個）

四、回到項目下，發現多了一個gh-pages分支，說明已經能夠了

五、而後回到setting頁面，就能看到發佈的地址了

六、複製連接，在瀏覽器就能夠訪問了

 

咱們看一下地址：http://jsonshare.github.io/github-pages

組成 http://+github用戶名+github.io/+項目名

這種形式的項目，能夠建不少個；

2、展現主頁搭建

下面講一下默認我的主頁的設置

七、新建一個項目（項目名設置成：github用戶名+github.io）

發佈流程跟上邊一致，這裏省略

八、回到項目主頁，會發現與上面的不一樣是發佈文件在主幹master下

八、再去下邊看一下發布的地址

可是這種我的展現頁，或網站展現頁只能建一個，地址爲 http://jsonshare.github.io

 

總結引用：

兩種pages模式
1. User/Organization Pages 我的或公司站點
1) 使用本身的用戶名，每一個用戶名下面只能創建一個
2) 資源命名必須符合這樣的規則username/username.github.io或者username/username.github.com
3) 主幹上內容被用來構建和發佈頁面
2. Project Pages 項目站點
1) gh-pages分支用於構建和發佈；
2) 若是user/org pages使用了獨立域名，那麼託管在帳戶下的全部project pages將使用相同的域名進行重定向，除非project pages使用了本身的獨立域名；
3) 若是沒有使用獨立域名，project pages將經過子路徑的形式提供服務username.github.io/projectname；
4) 自定義404頁面只能在獨立域名下使用，不然會使用User Pages 404；

 

2、綁定域名，實現自動跳轉

我用的是阿里雲

一、域名雲解析管理頁面

選擇解析，添加解析（選擇CNAME，添加你的二級域名）

二、在項目路徑新建CNAME文件

三、在CNAME文件下，寫入你再雲解析設置的二級域名

 

單擊提交commmit，項目路徑CNAME就有了

四、再去setting看一下發布的地址（自動解析成你設置的域名了）

ok，到此，你就能夠直接訪問二級域名

 

最後、最後、最後在說明一下：github pages 默認主頁爲index.html ,上傳項目是覆蓋便可