如何使用Jekyll+GitHub Pages搭建我的博客站點

做爲一名有情懷的工程師，通常都會經過博客來記錄本身的生活，成長，工做心得或者經驗，大部分人使用博客都會經歷以下幾個階段：

（1）記錄在大腦中 （不推薦）

（2）使用XXX雲筆記

（3）使用iteye，csdn，51cto，開源中國，博客園，簡書，等等

（4）使用我的站點+微信公衆號

（一）Jekyll是什麼

jekyll是一個靜態博客的生成器，它能夠用來把咱們使用markdown來寫好的文章給轉換成靜態網頁html來發布。

（二）Github Pages是什麼

Github Pages 是面向用戶、組織和項目開放的公共靜態頁面搭建託管服務，站點能夠被免費託管在 Github 上，你能夠選擇使用 Github Pages 默認提供的域名 github.io 或者自定義域名來發布站點。Github Pages 支持 自動利用 Jekyll 生成站點，也一樣支持純 HTML文檔。

（三）如何搭建使用

前提條件：

git環境
github帳戶
ruby環境

jekyll底層是使用ruby編寫對，因此安裝時候須要先安裝ruby環境：

在mac先要安裝一些軟件，這裏假設你對git環境已經有了：

brew install ruby

gem install jekyll

gem install bundler

gem install jekyll-paginate

gem install jekyll-gist

上面對軟件安裝完畢後，你就能夠在github上搜索一個基於jekyll模版對項目，固然你能夠從網上搜索任何你喜歡的主題風格，找到以後使用git clone到本身本地：

git clone xxx.git  myblog

cd myblog

jekyll server

而後訪問http：//localhost：4040端口就能夠在本地預覽你到博客了

若是你喜歡這個主題，那麼你就能夠fork到你本身到github中，而後clone下來，修改一些地方，而後就push到本身到倉庫中，就能夠了，一些git操做命令：

git add .
git commit -m "first commit"
git remote add origin https://github.com/alex-my/alex-my.github.io.git
git push -u origin master

關於jekyll的博客的目錄結構，感興趣的能夠參考官網文檔： http://jekyllcn.com/docs/structure/

咱們寫的文章通常是在_posts目錄裏面，它的格式以下：

2018-04-11-spark sql大數據量下的調優和實踐.md

前面是日期，中間是標題，後綴通常是md，看起來比較簡潔。

（四）綁定本身到域名

最後說下github裏面的項目，進入項目根目錄後，點擊右上角的Settings配置選項，在裏面能夠配置本身的站點域名，我這裏配置的是我本身的域名，默認狀況下通常都是 username.github.io好比個人是：

qindongliang.github.io

這樣看起來有點簡陋，那麼綁定咱們已經有的域名到github pages上呢，很是easy，首先假設咱們已經有一個域名了，沒有的話能夠本身到網上買，而後在本身到靜態站點到根目錄下，新建以名字爲CNAME到文件，裏面的內容就是咱們的本身的域名，好比個人：

8090nixi.com

注意這裏只須要域名後面的部分便可，不須要把http和www都寫進來，而後登錄域名管理中心，我這裏是阿里雲的找到域名解析部分，添加一條CNAME記錄：

CNAME @  qindongliang.github.io

配置完畢以後，通常10分鐘以內就能夠生效，若是不出意外，一會就能夠經過咱們自定義的域名訪問咱們的靜態站點了。

至此，一個屬於咱們本身獨立的我的站點就完成了，使用jekyll+github pages優缺點以下，借用阮一峯老師的總結：

優勢：

　  * 免費，無限流量。

　　* 享受git的版本管理功能，不用擔憂文章遺失。

　　* 你只要用本身喜歡的編輯器寫文章就能夠了，其餘事情一律不用操心，都由github處理。

缺點：

　　* 有必定技術門檻，你必需要懂一點git和網頁開發。

　　* 它生成的是靜態網頁，添加動態功能必須使用外部服務，好比評論功能就只能用disqus。

　　* 它不適合大型網站，由於沒有用到數據庫，每運行一次都必須遍歷所有的文本文件，網站越大，生成時間越長。

但對於中小站點來講，無疑是一個不錯的方案，感興趣的朋友能夠嘗試一下，我我的比較喜歡簡潔的站點風格，你們能夠經過我公衆號底部的菜單欄的博客按鈕感覺一下。