喜歡寫B(tài)log的人，會經(jīng)歷三個階段T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
第一階段，剛接觸Blog，覺得很新鮮，試著選擇一個免費空間來寫T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
第二階段，發(fā)現(xiàn)免費空間限制太多，就自己購買域名和空間，搭建獨立博客T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
第三階段，覺得獨立博客的管理太麻煩，好在保留控制權(quán)的前提下，讓別人來管，自己只負責(zé)寫文章T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
大多數(shù)Blog作者，都停留在第一和第二階段，因為第三階段不太容易到達 你很難找到俯首聽命、愿意為你管理服務(wù)器的人T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
但是兩年前，情況出現(xiàn)變化，一些程序員開始在Github網(wǎng)站上搭建blog 他們既擁有絕對管理權(quán)，又享受github帶來的便利----不管何時何地，只要向主機提交commit，就能發(fā)布新文章 更妙的是，這一切還是免費的，github提供無限流量，世界各地都有理想的訪問速度T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
今天，我就來示范如何在github上搭建Blog，你可以從中掌握github的Pages功能，以及Jekyll軟件的基本用法 更重要的是，你會體會到一種建立網(wǎng)站的全新思路T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
一、Github Pages 是什么？T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
如果你對編程有所了解，就一定聽說過github 它號稱程序員的Facebook，有著極高的人氣，許多重要的項目都托管在上面T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
簡單說，它是一個具有版本管理功能的代碼倉庫，每個項目都有一個主頁，列出項目的源文件T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
但是對于一個新手來說，看到一大堆源碼，只會讓人頭暈?zāi)X漲，不知何處入手 他希望看到的是，一個簡明易懂的網(wǎng)頁，說明每一步應(yīng)該怎么做 因此，github就設(shè)計了Pages功能，允許用戶自定義項目首頁，用來替代默認(rèn)的源碼列表 所以，github Pages可以被認(rèn)為是用戶編寫的、托管在github上的靜態(tài)網(wǎng)頁 T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
github提供模板，允許站內(nèi)生成網(wǎng)頁，但也允許用戶自己編寫網(wǎng)頁，然后上傳 有意思的是，這種上傳并不是單純的上傳，而是會經(jīng)過Jekyll程序的再處理T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
二、Jekyll是什么？T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
Jekyll（發(fā)音/'d?i?k ?l/，"杰克爾"）是一個靜態(tài)站點生成器，它會根據(jù)網(wǎng)頁源碼生成靜態(tài)文件 它提供了模板、變量、插件等功能，所以實際上可以用來編寫整個網(wǎng)站T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
整個思路到這里就很明顯了 你先在本地編寫符合Jekyll規(guī)范的網(wǎng)站源碼，然后上傳到github，由github生成并托管整個網(wǎng)站 T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
這種做法的好處是T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
* 免費，無限流量T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
* 享受git的版本管理功能，不用擔(dān)心文章遺失T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
* 你只要用自己喜歡的編輯器寫文章就可以了，其他事情一概不用操心，都由github處理T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
它的缺點是T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
* 有一定技術(shù)門檻，你必須要懂一點git和網(wǎng)頁開發(fā)T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
* 它生成的是靜態(tài)網(wǎng)頁，添加動態(tài)功能必須使用外部服務(wù)，比如評論功能就只能用disqusT3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
* 它不適合大型網(wǎng)站，因為沒有用到數(shù)據(jù)庫，每運行一次都必須遍歷全部的文本文件，網(wǎng)站越大，生成時間越長T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
但是，綜合來看，它不失為搭建中小型Blog或項目主頁的選項之一T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
三、一個實例T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
下面，我舉一個實例，演示如何在github上搭建blog，你可以跟著一步步做 為了便于理解，這個blog只有基本的功能T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
在搭建之前，你必須已經(jīng)安裝了git，并且有g(shù)ithub賬戶T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
第一步，創(chuàng)建項目 T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
在你的電腦上，建立一個目錄，作為項目的主目錄 我們假定，它的名稱為jekyll_demoT3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
對該目錄進行g(shù)it初始化T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
- $ cd jekyll_demo
- $ git init
然后，創(chuàng)建一個沒有父節(jié)點的分支gh-pages 因為github規(guī)定，只有該分支中的頁面，才會生成網(wǎng)頁文件T3P北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
- $ git checkout --orphan gh-pages
