如果你的項目只是一個靜態網站,就沒有必要再去整什么服務器,github pages 提供了搭建靜態網站的功能;
為什么使用Github Pages
1. 搭建簡單而且免費;
2. 支持靜態腳本;
3. 可以綁定你的域名;
4. DIY自由發揮,動手實踐一些有意思的東西git,markdown,bootstrap,jekyll;
5. 理想寫博環境,git+github+markdown+jekyll;
****不限流量、不限流量、不限流量,重要的事說三遍!!!****
下面是搭建簡單實例:
一、展示項目搭建
1、先創建一個repository,項目名自定義,最好把readme創建一下,標明項目簡介
2、進入setting設置
找到Launch automatic page generator ,單擊
3、填寫信息
單擊 continue to layouts
在這里選擇你要的模板,單擊publish page,這樣就發布成功了(這里可以隨便選一個)
4、回到項目下,發現多了一個gh-pages分支,說明已經可以了
5、然后回到setting頁面,就能看到發布的地址了
6、復制鏈接,在瀏覽器就可以訪問了
我們看一下地址:http://jsonshare.github.io/github-pages
組成 http://+github用戶名+github.io/+項目名
這種形式的項目,可以建很多個;
二、展示主頁搭建
下面講一下默認個人主頁的設置
7、新建一個項目(項目名設置成:github用戶名+github.io)
發布流程跟上邊一致,這里省略
8、回到項目主頁,會發現與上面的不同是發布文件在主干master下
8、再去下邊看一下發布的地址
但是這種個人展示頁,或網站展示頁只能建一個,地址為 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;
二、綁定域名,實現自動跳轉
我用的是阿里雲
1、域名雲解析管理頁面
選擇解析,添加解析(選擇CNAME,添加你的二級域名)
2、在項目路徑新建CNAME文件
3、在CNAME文件下,寫入你再雲解析設置的二級域名
單擊提交commmit,項目路徑CNAME就有了
4、再去setting看一下發布的地址(自動解析成你設置的域名了)
ok,到此,你就可以直接訪問二級域名
最后、最后、最后在說明一下:github pages 默認主頁為index.html ,上傳項目是覆蓋即可