github page的兩種類型



 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)


免責聲明!

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



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