如何使用Github Pages免費搭建網(wǎng)站

Github Cat

目錄###

1. 什么是Github 健民?
2. 誰在使用Github免費托管網(wǎng)站 ?
3. Github pages的兩種類型
4. Github Pages的限制


1. 什么是Github 贫贝?

Github 官方主頁

簡單說秉犹,Github是一個基于git的社會化代碼分享社區(qū)蛉谜。

  • 你可以在Github上創(chuàng)建免費的遠程倉庫(remote repository),分享你的代碼崇堵,當然也可以關注其他人的代碼
  • 你也可以建立公司賬戶型诚,創(chuàng)建私有的遠程倉庫,與開發(fā)團隊共同協(xié)作開發(fā)
  • 想要使用Github Pages鸳劳,你首先要創(chuàng)建一個Github賬戶

2. 誰在使用Github免費托管網(wǎng)站 狰贯?


3. Github pages的兩種類型

3.1 Project Pages(Repository Pages)

URL for Project Pages.png
  • 在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

URL for 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)建新的repo
  • 創(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

4. Github Pages的限制(Limitations)

  • Github Pages只是靜態(tài)網(wǎng)站(HTML, CSS, JavaScript)
  • 沒有服務端任斋,所以不支持服務端的語言(沒有ruby, php, python)

參考資料

  1. Github官網(wǎng)
  2. Using GitHub Pages To Host Your Website
  3. Repositories to build blogs on GitHub pages
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末继阻,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子废酷,更是在濱河造成了極大的恐慌瘟檩,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件澈蟆,死亡現(xiàn)場離奇詭異墨辛,居然都是意外死亡,警方通過查閱死者的電腦和手機趴俘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門睹簇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來奏赘,“玉大人,你說我怎么就攤上這事太惠∧ヌ剩” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵凿渊,是天一觀的道長梁只。 經(jīng)常有香客問我,道長埃脏,這世上最難降的妖魔是什么搪锣? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮彩掐,結果婚禮上淤翔,老公的妹妹穿的比我還像新娘。我一直安慰自己佩谷,他們只是感情好,可當我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布监嗜。 她就那樣靜靜地躺著谐檀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪裁奇。 梳的紋絲不亂的頭發(fā)上桐猬,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天,我揣著相機與錄音刽肠,去河邊找鬼溃肪。 笑死,一個胖子當著我的面吹牛音五,可吹牛的內容都是我干的惫撰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼躺涝,長吁一口氣:“原來是場噩夢啊……” “哼厨钻!你這毒婦竟也來了?” 一聲冷哼從身側響起坚嗜,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤夯膀,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后苍蔬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體诱建,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年碟绑,在試婚紗的時候發(fā)現(xiàn)自己被綠了俺猿。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片茎匠。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖辜荠,靈堂內的尸體忽然破棺而出汽抚,到底是詐尸還是另有隱情,我是刑警寧澤伯病,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布造烁,位于F島的核電站,受9級特大地震影響午笛,放射性物質發(fā)生泄漏惭蟋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一药磺、第九天 我趴在偏房一處隱蔽的房頂上張望告组。 院中可真熱鬧,春花似錦癌佩、人聲如沸木缝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽我碟。三九已至,卻和暖如春姚建,著一層夾襖步出監(jiān)牢的瞬間矫俺,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工掸冤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留厘托,地道東北人。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓稿湿,卻偏偏與公主長得像铅匹,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子饺藤,可洞房花燭夜當晚...
    茶點故事閱讀 42,722評論 2 345

推薦閱讀更多精彩內容