利用 Jekyll + Github pages 搭建個人博客

前言

原來搭建個人博客的時候並沒有一步一步記錄下來,前幾天電腦壞了,重裝了系統,導致很多環境要重新搭,這次就把搭建 Jekyll + Github pages 環境的過程一步一步記錄下來,省的以後再重裝系統再踩一遍坑.

正文

操作系統

操作系統:Linux Mint 17.3, 基於 Ubuntu 14.04.

很多開發環境我在 Windows 和 Linux 下都搭建過,還是在 Linux 下更方便,很多情況下一條命令行搞定,而且現在 Linux 下的桌面桌面操作系統也已經很成熟了,包括鼎鼎大名的 Ubuntu,還有常年在 Linux 發行版中排名第一的 Linux Mint,當然國產的 Deepin 做的也不錯,但是我不太習慣它那濃濃的山寨風(純屬個人看法)。

Jekyll 官方也不推薦在 Windows 下配置,當然也有辦法,就是坑比較多,比較麻煩。

Ruby 相關環境

Jekyll 是基於 Ruby 的,所以要先安裝R語言環境。

最簡單的是利用系統自帶的包管理系統,但是 Ruby 官方不推薦這種方式,通過包管理系統下載的都是很老的版本,存在兼容性方面的問題。

推薦使用 第三方安裝工具 安裝。RVM 是一個命令行工具,可以提供一個便捷的多版本 Ruby 環境的管理和切換。

安裝 RVM:

$ gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3
$ \curl -sSL https://get.rvm.io | bash -s stable
$ source ~/.bashrc
$ source ~/.bash_profile

修改 RVM 的 Ruby 安裝源到 Ruby China 的 Ruby 鏡像服務器,這樣能提高安裝速度

$ echo "ruby_url=https://cache.ruby-china.org/pub/ruby" > ~/.rvm/user/db

列出已知的 Ruby 版本

$ rvm list known

安裝一個 Ruby 版本

$ rvm install 2.2.0 --disable-binary

切換 Ruby 版本

$ rvm use 2.2.0

切換版本時如果報錯,執行下這個命令

$ echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm"' >>~/.bashrc
$ source ~/.bashrc

設置爲默認版本,這樣一來以後新打開的控制檯默認的 Ruby 就是這個版本

$ rvm use 2.2.0 --default

安裝 Ruby 下的包管理工具 RubyGems(類似於 Python 下的 pip)

官方網站 下載壓縮包,解壓後:

$ cd rubygems-2.6.12
$ sudo ruby setup.rb

至此 Ruby 相關環境就安裝好了,在 Linux 下安裝還是很簡單的,需要注意的一點就是 不要用自帶的包管理器安裝 Ruby,如果系統自帶了 Ruby,用 RVM 安裝新版本並設置爲默認。

安裝 Jekyll

由於衆所周知的原因,下載 Jekyll 很慢,可以切換到國內源:

$ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.org
# 確保只有 gems.ruby-china.org

準備工作做好了,終於可以安裝 Jekyll 了:

$ gem install jekyll

RubyGems 會把相關依賴環境全部安裝上。至此 Jekyll 就安裝完成了,使用請參照官方文檔,英語比較渣的可以參考 中文網站

Github Pages

Github 爲我們提供了一個免費搭建個人博客的機會,詳細的可以參考 官方網站,和新建一個倉庫流程差不多,默認你已經使用過 Github 和 git,並且有 Github 的賬號(畢竟 Github 搬運工)。

新建好倉庫後就可以 git clone 和本地相關聯,看到好的開源模板也可以拿來用,寫好博客後還可以本地調試,實時在瀏覽器中看到自己的修改:

$ jekyll serve --watch

注意:要在 Jekyll 3.0 及以上版本實現實時預覽功能要安裝 jekyll-paginate:

$ gem install jekyll-paginate

修改好後,就可以推送到遠程,前一部分相當於線下調試,這部分就相當於上線。

後記

寫博客還真是費時間啊,半天時間又過去了,文字功底太渣了。

感覺自己越來越不務正業了啊。其實我還挺喜歡前端的,可能是因爲接觸的不深,但我喜歡這種做了點東西就能立刻看到反饋的感覺。


原文發表於 個人博客

本作品採用 知識共享署名 3.0 中國大陸許可協議 進行許可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章