1. 程式人生 > 實用技巧 >jekyll+github pages

jekyll+github pages

寫在前面

這篇文章記錄了我折騰jekyll,github pages的過程,看到別人的 xxxx.github.io,於是我也想搞一個,瞭解到大都使用的jekyll來生成的。最開始我還不知道可以直接fork別人在github上面搞好的jekyll blog,然後刪除他的文章、圖片,修改一些配置比如_config.yml,就可以快速的折騰出自己的網站了。如果知道以上知識,那麼其實花不了幾分鐘,就可以搞完了。於是我是從最麻煩的步驟搞起,首先在我的win10上安裝jekyll,然後new出一個blog,然後jekyll build出靜態網頁,把靜態網頁push到我的github倉庫。這裡,我又傻了一次,其實直接把jekyll的這些原始檔push上去,github會自己給你jekyll build出靜態頁面的,不需要你自己電腦build後再push靜態網頁上去。當然,自己build再push也是可以work的:)

ok,下面的重點也就是了解一下windows下怎麼安裝使用jekyll,由於牆的存在以及國際網路出口的問題,必須把gem的源修改為國內,主要也就是這些小麻煩了:)

windows下安裝並執行jekyll

安裝 ruby + gem

  • 說明,我的環境是 win10
  • 安裝ruby https://rubyinstaller.org/ ,找個最新的下載就行
  • 安裝gem(這是ruby的包管理工具) https://rubygems.org/pages/download ,找個zip包安裝,解壓出來進入目錄,執行 ruby setup.rb
  • gem 修改源(國外的源通常下載失敗,換個國內源)
    檢視當前有哪些源: gem sources 刪除掉,通常官方是這個: gem sources --remove
    https://rubygems.org/

    刪除快取: gem sources -c
    更新快取: gem sources -u
    新增中科大的源(如果中科大的加不了,搜尋一下 gem 國內源): gem sources -a https://mirrors.ustc.edu.cn/rubygems/

安裝 jekyll

gem install jekyll
gem install bundler
gem install minima
gem install jekyll-feed

jekyll 建立新的部落格出來

cd d: 
jekyll new myblog

可能會卡到 Running bundle install in 這一步
這時候 ctrl+c 終止掉,進入新建的專案
將 gemfile 的 source "

https://rubygems.org" 改為 source "https://mirrors.ustc.edu.cn/rubygems"
然後執行 bundle install

執行

cd blog目錄
jekyll server 或者 bundle exec jekyll serve
瀏覽器訪問 http://127.0.0.1:4000