怎么用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 運(yùn)行環(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目錄下,運(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來梳理和記錄是非常好的一種方法钦购,回頭來看的時候能迅速的理清思路。也可以記錄一些筆記和心得葵萎,希望自己能保持一顆好奇心唱凯,對于喜歡的東西堅持下去,獲得樂趣磕昼。

參考

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末漫雕,一起剝皮案震驚了整個濱河市峰鄙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌魁蒜,老刑警劉巖吩翻,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡她君,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門球涛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人捺典,你說我怎么就攤上這事从祝。” “怎么了牍陌?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵毒涧,是天一觀的道長。 經(jīng)常有香客問我契讲,道長,這世上最難降的妖魔是什么唤冈? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任霹琼,我火速辦了婚禮,結(jié)果婚禮上售葡,老公的妹妹穿的比我還像新娘忠藤。我一直安慰自己,他們只是感情好模孩,可當(dāng)我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著介却,像睡著了一般块茁。 火紅的嫁衣襯著肌膚如雪桂肌。 梳的紋絲不亂的頭發(fā)上永淌,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機(jī)與錄音谭跨,去河邊找鬼李滴。 笑死,一個胖子當(dāng)著我的面吹牛悬嗓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播包竹,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼周瞎,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了声诸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤泻肯,失蹤者是張志新(化名)和其女友劉穎慰照,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稚铣,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡墅垮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了抬伺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片灾梦。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡齐鲤,死狀恐怖椒楣,靈堂內(nèi)的尸體忽然破棺而出牡肉,到底是詐尸還是另有隱情,我是刑警寧澤统锤,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布饲窿,位于F島的核電站,受9級特大地震影響逾雄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鸦泳,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一击纬、第九天 我趴在偏房一處隱蔽的房頂上張望钾麸。 院中可真熱鬧,春花似錦饭尝、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽囚巴。三九已至友扰,卻和暖如春庶柿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背浮庐。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工审残, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留梭域,地道東北人搅轿。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓璧坟,卻偏偏與公主長得像既穆,于是被迫代替她去往敵國和親雀鹃。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內(nèi)容

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