[教學]Jekyll安裝與範例

1 / 7, 2015 Ruby , 架站工具 , 架站軟體

今天要來介紹的是 jekyll
這個東西呢,可以很快又很方便地幫你把個人部落格架起來
jekyll 是基於 ruby 的所以效能不佳需要先安裝 ruby
首先,要先安裝 ruby 對吧,可是呢, ruby 只要有跟版本衝突到的插件就會全部噴掉喔
(此篇為吐槽 ruby )

所以呢,就有人寫出了 rvm 這個東西, rvm 是一個 ruby 的版本管理器,
可以把每個 ruby 的版本分開,避免造成衝突

廢話就不多說了,來示範吧
示範環境:Fedora 3.17.4-301.fc21.x86_64

rvm 詳細教學:請看這裡

  1. 首先,先把 rvm 安裝起來,以下是官網的安裝指令 安裝rvm
  2. 重開你的 terminal ,這步的用意是為了讓你的 shell 可以套用到設定檔
  3. 然後我們這裡用的是 ruby-head ,所以要把 ruby-head 裝起來,請下 安裝ruby-head
  4. 然後要切換到ruby-head所以下 切換rvm到這裡應該已經完成前置的作業了,可以開始來裝jekyll了
  5. 安裝jekyll
    這個東西還蠻肥的,所以請耐心等候下載及安裝(是說ruby好像更肥就是XD) 安裝jekyll-1
    安裝jekyll-2
    沒錯,就是那麼簡單
  6. 開始使用jekyll~~

使用方法:

我這裡拿 Fossasia 的官方網站拿來當做範例,如果有人想跟著做的話也可以喔

  1. 首先呢,先 clone 他們的官方網站下來 Clone Fossasia.github.io
    Clone 部分為右上區塊,左上區塊是安裝 jekyll
    進入目錄之後就可以開始下一步了喔
  2. 因為這個網站有用到 ruby 的 github-pages 跟 scss-lint ,所以要先裝起來 安裝github-pages
  3. 使用 jekyll s 來打開 server 執行jekyll
  4. 就可以瀏覽了喔!
    執行成功

以上圖片來自 NG 片段
比較正常好懂的教學請看下面
包含範例的全程一鏡到底影片:

**補充安裝**

或者可以透過 Bundler 一套 ruby 的 gem 管理程式,一口氣將 jekyll 還有相依的 gem 裝好,FOSSASIA 已經把相依的 gem 寫在 Gemfile 內。

rvm 預設就已經裝好了 Bundler,只要在專案資料夾內下 `bundle install` 就開始安裝了。

如果發現命令找不到,請用以下指令安裝 Bundler

螢幕快照 2015-01-08 下午1.11.53


  • Joe

    請問jekyll如何產生置頂貼文?