jekyll 是什么?
jekyll可以將文本轉(zhuǎn)換為靜態(tài)博客網(wǎng)站,里面的樣式可以根據(jù)模板來變換茧跋,你只需要關(guān)注于你的內(nèi)容,發(fā)布時提交到GitPage上就可以自動為你生成Blog
1. 安裝環(huán)境準(zhǔn)備(Mac)
- Ruby(including development headers, Jekyll 2 需要 v1.9.3 及以上版本诅病,Jekyll 3 需要 v2 及以上版本)
- RubyGems
- Linux, Un ix, or Mac OS X
- NodeJS, 或其他 JavaScript 運(yùn)行環(huán)境(Jekyll 2 或更早版本需要 CoffeeScript 支持)粥烁。
- Python 2.7(Jekyll 2 或更早版本)
參見 安裝準(zhǔn)備
2. jekyll的主要目錄結(jié)構(gòu)
![](http://7xwh79.com1.z0.glb.clouddn.com/170801-5.png)
- _config.yml 是配置文件,最為重要芥永,包含了所有配置信息
- _includes 文件夾包含了將被反復(fù)利用的文件钝吮,比如footer,header
- _layouts 文件夾包含了主頁面的排版布局
- _posts 文件夾將包含所有的日志文件奇瘦,Markdown格式
那么接下來去配置GitPage相關(guān)的東西。
GitPage配置
1. 創(chuàng)建倉庫
先創(chuàng)建一個倉庫,這里我名字取為 ‘SillyV.Github.io’瓶您。
![](http://7xwh79.com1.z0.glb.clouddn.com/170801-1.png)
2. 在倉庫的Setting中,配置好GitPage
如果沒有自己的域名贸毕,那么訪問地址為如下圖:
![](http://7xwh79.com1.z0.glb.clouddn.com/170801-3.png)
域名申請購買很簡單夜赵,我的是在GoDaddy上申請購買的,上面優(yōu)惠比較多摊腋,不是很貴。配置好后兴蒸,Clone到我們本地,這時候里面沒有東西蕾殴。
3. 配置Blog
主題的配置主要是 _config.yml 這個文件岛啸。主要需要修改的信息如下:
![](http://7xwh79.com1.z0.glb.clouddn.com/170801-4.png)
- title: Blog名稱
- subtitle: 副標(biāo)題
- description: Blog的描述
- author: Blog擁有者
這個網(wǎng)站 Jekyll Theme 上有很多不錯的,選一個自己喜歡的荡灾。將Theme下載下來堕虹,放到我們Clone下來的目錄,修改為自己的信息赴捞。我用的主題是 jekyll-Next ,喜歡的請順手Star。作者是基于Hexo主題移植的胜宇,配置可以參見官網(wǎng)Next主題配置恢着。
4. 發(fā)布文章
發(fā)布文章只需要將編輯好的markdown文件放到_post目錄下,運(yùn)行命令:
jekyll build
-- 將文本轉(zhuǎn)換成靜態(tài)Blog,生成在_site目錄下
jekyll serve
-- 本地運(yùn)行服務(wù)从诲,可以在localhost:4000 中看到自己Blog的效果靡羡,方便調(diào)試。
覺得格式和內(nèi)容都滿意后略步,push到Git遠(yuǎn)程倉庫中,再訪問自己的域名(如果沒有綁定域名绽诚,就訪問GitPage自動生成的地址)。
整個Blog的搭建和發(fā)布就完成了恩够,這是我的Blog在Github上的地址。
寫在最后
其實在工作中有很多想法导绷,或者有很多實踐屎飘,但是忙完了以后都沒有及時的整理下來。用Blog來梳理和記錄是非常好的一種方法钦购,回頭來看的時候能迅速的理清思路。也可以記錄一些筆記和心得葵萎,希望自己能保持一顆好奇心唱凯,對于喜歡的東西堅持下去,獲得樂趣磕昼。