Mac下使用Jekyll和github搭建個人博客

用過Wordpress搭建過博客,對于我這種喜歡折騰的人來說有點不合適宛乃。之后用Hexo+Github用過一段時間感覺也不太合適虏两。Hexo只把生成的靜態(tài)頁面同步到GitHub雳旅,源文件還是容易丟失。然后就研究一下這個杆怕。
Hexo 搭建博客參考文章:
Mac上搭建基于GitHub的Hexo博客
Hexo的版本控制與持續(xù)集成

接下來是Jekyll

安裝ruby

mac自帶, 沒有則使用brew安裝
查看版本號

$ ruby -v
$ brew install ruby

版本號小于2.1可以參考這篇文章升級Ruby

安裝gem

沒有g(shù)em的參考以下網(wǎng)站:
https://rubygems.org/pages/download
如果安裝好了gem, 建議更換為國內(nèi)的源

# 查看源列表
$ gem sources -l
# 將源移除
$ gem sources --remove https://rubygems.org/
# 添加國內(nèi)源
$ gem sources --add https://gems.ruby-china.org/
# 緩存
$ gem sources -u 

輸入gem –version查看版本號族购。對比下官網(wǎng)的版本×暾洌可以使用以下命令更新

$ sudo gem install --system

安裝jekyll

$ sudo gem install jekyll

安裝博客

首先需要安裝bundler

$ sudo gem install bundler

否則會報錯:

Dependency Error: Yikes! It looks like you don't have bundler or one of its dependencies installed

我還裝了以下這些

$ sudo gem install jekyll-paginate
$ sudo gem install jekyll-gist

創(chuàng)建博客,如果沒有找到j(luò)ekyll命令寝杖,請重啟終端。

$ sudo jekyll new blog

安裝過程會顯示一堆安裝的內(nèi)容互纯,最后一行:

New jekyll site installed in /Users/admin/chaiszblog. 

本地啟動博客

進入到安裝目錄

$ cd chaiszblog
$ sudo jekyll serve

輸出:

AdmindeiMac:chaiszblog admin$ sudo jekyll serve
Configuration file: /Users/admin/chaiszblog/_config.yml
            Source: /Users/admin/chaiszblog
       Destination: /Users/admin/chaiszblog/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
                    done in 0.411 seconds.
 Auto-regeneration: enabled for '/Users/admin/chaiszblog'
    Server address: http://127.0.0.1:4000/
  Server running... press ctrl-c to stop.

http://127.0.0.1:4000復(fù)制到瀏覽器打開瑟幕,就可以看見了。

部署到github

我的用戶名為chaishuanzhu,要按照username.github.io創(chuàng)建一個倉庫
所以只盹,我建立了一個chaishuanzhu.github.io的倉庫
得到地址

https://github.com/chaishuanzhu/chaishuanzhu.github.io.git

進入到本地, 將本地的內(nèi)容和github尚的倉庫關(guān)聯(lián)

cd alexblog
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/chaishuanzhu/chaishuanzhu.github.io.git
git push -u origin master

注意替換為你自己的地址,在執(zhí)行g(shù)it push的時候亿卤,需要你輸入github的賬號和密碼。這個時候在瀏覽器上輸入: chaishuanzhu.github.io鹿霸,就可以看見博客了排吴。

添加文章

文章都放在_posts目錄下面,按照格式年-月-日-文章名.markdown

在_posts下建立文件:

2017-02-22-test.markdown

文件開頭需要參照默認的那篇:

---
layout: post
title:  "Welcome to Jekyll!"
date:   2017-02-22 09:56:49 +0800
categories: jekyll update
---
  • title: 文章標題
  • date: 顯示日期
  • categories: 標簽分類
    文章完整內(nèi)容如下:
---
layout: post
title:  "First Test"
date:   2017-02-22 09:56:49 +0800
categories: test
---

這是第一篇文章懦鼠,測試用钻哩。

使用命令推送, 我一般用GitHub Desktop客戶端

git add _post/2017-02-22-test.markdown
git commit -m "add test file"
git push origin master

瀏覽器輸入chaishuanzhu.github.io,就可以看見這篇文章了肛冶。

使用主題

有哪些簡潔明快的 Jekyll 模板街氢?
有哪些 Jekyll 模板值得推薦?
http://jekyllthemes.org/themes/easybook/
https://github.com/maoxiaoke/maoxiaoke.github.io

使用EasyBook這個主題需要注意把_config.yml中g(shù)ems更改成plugins睦袖。并安裝下面的插件珊肃。

plugins:
 - jekyll-paginate
 - jekyll-gist
 - jemoji

插件安裝:

$ sudo gem install  jekyll-paginate
$ sudo gem install  jekyll-gist
$ sudo gem install  jemoji

綁定域名

在終端輸入:

ping chaishuanzhu.github.io

得到ip地址:

PING sni.github.map.fastly.net (151.101.73.147): 56 data bytes

打開域名供應(yīng)商的控制臺, 我這邊在萬網(wǎng)申請的xyz域名。
添加解析, 添加兩條A記錄:

記錄類型    主機記錄    解析線路(運營商)   記錄值 
A           @           默認              151.101.100.133
A           www         默認              151.101.100.133

記錄值填寫剛才獲得的ip地址馅笙。
在博客根目錄添加CNAME文件,并將你的域名寫入:

cd blog
echo "chaisz.xyz" > CNAME

將CNAME提交伦乔。待域名解析完成,就可以了董习。萬網(wǎng)這邊1分鐘解析時間烈和。

也可以綁定二級域名 blog.chaisz.xyz

HTTPS支持

6B8C69B9-BACB-4319-B30C-2BE435A14033.png

Custom domains on GitHub Pages gain support for HTTPS
參考:搭建一個免費的,無限流量的Blog----github Pages和Jekyll入門

本文參考:Mac下使用Jekyll和github搭建個人博客

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末皿淋,一起剝皮案震驚了整個濱河市招刹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌窝趣,老刑警劉巖疯暑,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異哑舒,居然都是意外死亡妇拯,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門散址,熙熙樓的掌柜王于貴愁眉苦臉地迎上來乖阵,“玉大人,你說我怎么就攤上這事预麸〉山” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵吏祸,是天一觀的道長对蒲。 經(jīng)常有香客問我钩蚊,道長,這世上最難降的妖魔是什么蹈矮? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任砰逻,我火速辦了婚禮,結(jié)果婚禮上泛鸟,老公的妹妹穿的比我還像新娘蝠咆。我一直安慰自己,他們只是感情好北滥,可當(dāng)我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布刚操。 她就那樣靜靜地躺著,像睡著了一般再芋。 火紅的嫁衣襯著肌膚如雪菊霜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天济赎,我揣著相機與錄音鉴逞,去河邊找鬼。 笑死司训,一個胖子當(dāng)著我的面吹牛构捡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播豁遭,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼叭喜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蓖谢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤譬涡,失蹤者是張志新(化名)和其女友劉穎闪幽,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體涡匀,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡盯腌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了陨瘩。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腕够。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖舌劳,靈堂內(nèi)的尸體忽然破棺而出帚湘,到底是詐尸還是另有隱情,我是刑警寧澤甚淡,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布大诸,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏资柔。R本人自食惡果不足惜焙贷,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贿堰。 院中可真熱鬧辙芍,春花似錦、人聲如沸羹与。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽注簿。三九已至契吉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間诡渴,已是汗流浹背捐晶。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留妄辩,地道東北人惑灵。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像眼耀,于是被迫代替她去往敵國和親英支。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,860評論 2 361

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