學習使用jekyll搭建博客

前端時間我學習了下happypeter老師的GitHub課程,他最後提到了GitHub建立博客的方法,不過僅僅只是粗略了講了下,並無提到jekyll的任何內容。但我抱着僅有的好奇心,看了幾篇關於jekyll的博客以後進行了jekyll的初步嘗試,獲得一些經驗與各位交流下,但願能爲新手提供部分參考。css

建立GitHub博客項目

  • 我的或團隊的項目名爲:yourname.github.io , 能夠經過setting來自動生成模板
  • 項目博客的項目則可爲項目添加gt-pages分支來建立博客,

搭建jekyll平臺環境

Jekyll 是一個簡單的博客形態的靜態站點生產機器。它有一個模版目錄,其中包含原始文本格式的文檔,經過 Markdown (或者 Textile) 以及 Liquid轉化成一個完整的可發佈的靜態網站,你能夠發佈在任何你喜好的服務器上。Jekyll 也能夠運行在 GitHub Page 上,也就是說,你可使用 GitHub 的服務來搭建你的項目頁面、博客或者網站,並且是徹底免費的。前端

下面的在window上(我使用的是win10)主要步驟(參考自一位印度大神Madhur Ahuja的博客)。git

安裝Ruby,

使用rubyinstall安裝:下載地址 http://rubyinstaller.org/downloads/github

安裝DEVELOPMENT KIT,

根據本身的系統版本選選擇,我下的是DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe,下載地址同上
在cmd或powershell上運行ruby dk.rb init進行初始化,而後運行ruby dk.rb install安裝shell

安裝jekyll

終於來到核心步驟,使用gem安裝jekyll,運行gem install jekyll便可進行安裝,可是這裏有個Madhur Ahuja沒有提到的坑——gem使用的是asw服務器在國內會出現fetchError也就是鏈接不到服務器,因此下載不了。不過有gem使用經驗的人(如使用gem下載sass或rails的過程當中也會出現這一問題),早就有了解決辦法——使用淘寶團隊的ruby鏡像服務器來替代sass

$ gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
$ gem sources -l

使用jekyll開始博客項目

在安裝完jekyll後就能夠開始建博客項目了,在你的工做目錄下運行jekyll new yourBlogName 自動生成了一個博客項目,而後切換的yourBlogName目錄下運行jekyll serve就能夠啓動jekyll自帶的服務器測試博客了,測試地址爲localhost:4000/ruby

而後你就能夠在_post目錄下新建md文檔寫博客了,有關jekyll配置文件能夠參考jekyll的文檔,中文版見 http://jekyll.bootcss.com/docs/服務器

相關文章
相關標籤/搜索