1. 什么是Github ?
Github 官方主頁
簡單說,Github是一個基於git的社會化代碼分享社區。
你可以在Github上創建免費的遠程倉庫(remote repository),分享你的代碼,當然也可以關注其他人的代碼
你也可以建立公司賬戶,創建私有的遠程倉庫,與開發團隊共同協作開發
想要使用Github Pages,你首先要創建一個Github賬戶
2. 誰在使用Github免費托管網站 ?
Bootstrap
NODESCHOOL
WebComponents
......
3. Github pages的兩種類型
3.1 Project Pages(Repository Pages)
URL for Project Pages.png
在Github上我們可以給不同的project分別創建相應的repository,對於某一個repository,你可以在其中創建一個小網站,向人們展示你的項目,提供項目的相關信息等等。這就是所謂的project pages。例如上面說的bootstrap.com
在一個repo的gh-pages分支中的所有文件將出現在github.io上。
Project Pages How-To
創建一個gh-pages分支
編輯相應的html/css/js文件,用於展示在github.io上
push gh-pages分支到Github上面
//下面是一些會用到的git command
git checkout -b gh-pages //create a gh-pages branch
git branch //check all branches and which branch you are currently working on
git push origin gh-pages //push gh-pages branch to github
git checkout --orphan go-pages //you can create a new empty branch
git push origin :gh-pages //delete a remote branch
最簡單地方法是從Github上直接自動生成頁面,還可以選擇模板。移步這里
3.2 User Pages
URL for User Pages
每一個Github賬戶只能有一個User Pages,主要用來展示一個賬戶中最最重要的項目。
命名為username.github.io的repo中的內容將會出現在username.github.io上。
User Pages How-To
創建一個新的repo,名字必須是username.github.io
創建新的repo
創建你的網站,包括:HTML文件,CSS文件...
my_website_folder
|- index.html
|- main.css
|- bootstrap.js
|...
創建本地git repo
~ $ cd my_website_folder //進入你的網站所在的文件夾
~ $ git init
~ $ git add .
~ $ git commit -m "Initial commit"
添加remote repo到本地,push到Github
~ $ git remote add origin https://github.com/Jason-Yuan/Jason-Yuan.github.io.git
~ $ git remote -v //可以查看是否添加成功,及其詳細信息
~ $ git push origin master
設置個性域名
創建一個CNAME文件,包含你的個性域名,放在source文件夾下
example.com
把你個性域名的A record指向Github DNS
192.30.252.153
192.30.252.154
如果想要搭建博客,下面列了一些非常流行的framework,可自動生成靜態頁面:
Octopress (基於Ruby)
Jekyll (基於Ruby) - 通過Github Pages和Jekyll搭建個人博客
Hexo (基於NodeJS) - 通過Github Pages和Hexo搭建個人博客
Pelican (基於Python)
4. Github Pages的限制(Limitations)
Github Pages只是靜態網站(HTML, CSS, JavaScript)
沒有服務端,所以不支持服務端的語言(沒有ruby, php, python)
