目錄###
1. 什么是Github 健民?
2. 誰在使用Github免費托管網(wǎng)站 ?
3. Github pages的兩種類型
4. Github Pages的限制
1. 什么是Github 贫贝?
簡單說秉犹,Github是一個基于git的社會化代碼分享社區(qū)蛉谜。
- 你可以在Github上創(chuàng)建免費的遠程倉庫(remote repository),分享你的代碼崇堵,當然也可以關注其他人的代碼
- 你也可以建立公司賬戶型诚,創(chuàng)建私有的遠程倉庫,與開發(fā)團隊共同協(xié)作開發(fā)
- 想要使用Github Pages鸳劳,你首先要創(chuàng)建一個Github賬戶
2. 誰在使用Github免費托管網(wǎng)站 狰贯?
- Bootstrap
- NODESCHOOL
-
WebComponents
......
3. Github pages的兩種類型
3.1 Project Pages(Repository Pages)
- 在Github上我們可以給不同的project分別創(chuàng)建相應的repository,對于某一個repository赏廓,你可以在其中創(chuàng)建一個小網(wǎng)站涵紊,向人們展示你的項目,提供項目的相關信息等等幔摸。這就是所謂的project pages摸柄。例如上面說的bootstrap.com
- 在一個repo的gh-pages分支中的所有文件將出現(xiàn)在github.io上。
- Project Pages How-To
- 創(chuàng)建一個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
每一個Github賬戶只能有一個User Pages患雇,主要用來展示一個賬戶中最最重要的項目跃脊。
命名為username.github.io的repo中的內容將會出現(xiàn)在username.github.io上。
User Pages How-To
-
創(chuàng)建一個新的repo苛吱,名字必須是username.github.io
創(chuàng)建你的網(wǎng)站酪术,包括:HTML文件,CSS文件...
my_website_folder
|- index.html
|- main.css
|- bootstrap.js
|...
- 創(chuàng)建本地git repo
~ $ cd my_website_folder //進入你的網(wǎng)站所在的文件夾
~ $ 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
- 設置個性域名
- 創(chuàng)建一個CNAME文件,包含你的個性域名彰亥,放在source文件夾下
example.com
- 把你個性域名的A record指向Github DNS
192.30.252.153
192.30.252.154
- 如果想要搭建博客咧七,下面列了一些非常流行的framework,可自動生成靜態(tài)頁面:
- Octopress (基于Ruby)
- Jekyll (基于Ruby) - 通過Github Pages和Jekyll搭建個人博客
- Hexo (基于NodeJS) - 通過Github Pages和Hexo搭建個人博客
- Pelican (基于Python)
4. Github Pages的限制(Limitations)
- Github Pages只是靜態(tài)網(wǎng)站(HTML, CSS, JavaScript)
- 沒有服務端任斋,所以不支持服務端的語言(沒有ruby, php, python)