怎么用jekyll + GitPage 搭建自己的Blog

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 運行環(huán)境(Jekyll 2 或更早版本需要 CoffeeScript 支持)。
  • Python 2.7(Jekyll 2 或更早版本)

參見 安裝準(zhǔn)備

2. jekyll的主要目錄結(jié)構(gòu)

  • _config.yml 是配置文件,最為重要,包含了所有配置信息
  • _includes 文件夾包含了將被反復(fù)利用的文件,比如footer,header
  • _layouts 文件夾包含了主頁面的排版布局
  • _posts 文件夾將包含所有的日志文件,Markdown格式

那么接下來去配置GitPage相關(guān)的東西。

GitPage配置

1. 創(chuàng)建倉庫

先創(chuàng)建一個倉庫,這里我名字取為 ‘SillyV.Github.io’。


2. 在倉庫的Setting中,配置好GitPage


如果沒有自己的域名,那么訪問地址為如下圖:



域名申請購買很簡單,我的是在GoDaddy上申請購買的,上面優(yōu)惠比較多,不是很貴。配置好后,Clone到我們本地,這時候里面沒有東西。

3. 配置Blog

主題的配置主要是 _config.yml 這個文件。主要需要修改的信息如下:

  • 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目錄下,運行命令:

jekyll build -- 將文本轉(zhuǎn)換成靜態(tài)Blog,生成在_site目錄下

jekyll serve -- 本地運行服務(wù),可以在localhost:4000 中看到自己Blog的效果,方便調(diào)試。

覺得格式和內(nèi)容都滿意后,push到Git遠程倉庫中,再訪問自己的域名(如果沒有綁定域名,就訪問GitPage自動生成的地址)。

整個Blog的搭建和發(fā)布就完成了,這是我的Blog在Github上的地址。

寫在最后

其實在工作中有很多想法,或者有很多實踐,但是忙完了以后都沒有及時的整理下來。用Blog來梳理和記錄是非常好的一種方法,回頭來看的時候能迅速的理清思路。也可以記錄一些筆記和心得,希望自己能保持一顆好奇心,對于喜歡的東西堅持下去,獲得樂趣。

參考

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,828評論 25 709
  • 你說我傷了你 其實我也等于也傷了我自己 愛的深才會痛的深 你的轉(zhuǎn)角等于把愛都帶走了 留下的只有絕望和悔恨 說走容易...
    a風(fēng)_cd16閱讀 98評論 0 0
  • SQL(結(jié)構(gòu)化的查詢語言)數(shù)據(jù)庫是過去四十年間存儲數(shù)據(jù)的主要方式。20世紀(jì)90年代末隨著Web應(yīng)用和MySQL、P...
    一個人不寂寞閱讀 1,168評論 0 4
  • 姓名:覃杏留 公司:河池南門時尚商貿(mào)有限公司 組別:258期利他二組 【日精進打卡第0047天】 【知~學(xué)習(xí)】 誦...
    隔世的風(fēng)閱讀 184評論 0 0
  • 昨天完成了古典老師新作——《躍遷-成為高手的技術(shù)》——的閱讀。這本書講述的是:高手之所以成為高手的秘密。全書共32...
    宋老師聊方法論閱讀 729評論 0 1

友情鏈接更多精彩內(nèi)容