安裝 Jekyll

使用mac

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1
brew install ruby
1
gem install bundler jekyll
1

使用windows

  • 下載ruby installer 並安裝 ruby installer
    安裝時候要注意 (Add Ruby execuables to your PATH option) is selected.

  • 然後打開windows 的 cmd, install jekyll

  • install jekyll
    Jekyll install

gem install bundler jekyll
1

檢查jekyll 是否己正確安裝

jekyll –v
1

如果安裝正確會顯示jekyll 版本號碼


創建第一個 jekyll 網站

  • 在自選位置建立一個folder, 這個folder 將會用作建立網站, 然後用command interface navigate 到該folder 下

  • 建立Jekyll website 的文件

jekyll new . 
1
  • 開啟測試伺器
bundle exec jekyll serve
1
  • 到browser navigate 127.0.0.1:4000, 就可以看到就建的website了
    然後可以按照自己口味 改theme, 寫post 等等... folder 裹有一個_site的folder, 是每次 jekyll serve 的時候gen出來的. 可以delete. 把這個folder 內的資料上傳到hosting, 就是我們要的website 了.

然後可以Ctrl + c 停止伺服器


上傳到firebase

  • firebase好用是因為他免費而且使用google 的cdn, 還有免費ssl. 是一個便宜的選擇

到google firebase註冊

安裝 node.js

安裝firebase tools, 使用剛註冊的Google firebase 帳戶登入

  • 使用OS的 CLI完成以下安裝
npm install -g firebase-tools
1
  • 發入firebase, 然後按指示完成登入動作
firebase login
1

新增 firebase 須要的檔案

  • 到剛才Jekyll 所建立的 root folder, 如果沒有信心, 可以新建一個folder試試
    執行以下 command
firebase init
1
  • 你會進入如下頁面:

  • 選hosting firebase install

  • 然後選之前在google 網頁建立的project, 然後選public directory, 如果之前 firebase init 的時候是用新的 folder, 可以選defalult public 就可以. 如果是用jekyll 的root folder的話, 建議用_site(也就是jekyll compile 出來的folder), 因為目的就是要_site的所有東東放上firebase...(replace index.html選yes, single page app 選no) firebase install

  • firebase init 會generate兩個file, 一個folder(public folder):
    file 名稱是.firebaserc及firebase.json, 用來儲存deploy 用的資料 public folder 裹的資料則會upload 上firebase

  • 開啟firebase測試伺服器
    和Jekyll的server 相似, 可以到localhost:5000 看看deploy site 前有什麼問題.

firebase serve
1
  • Upload site 上firebase
firebase deploy
1

連結你的網址

  • 雖然firebase 會給你一個網址, 但是如果覺得不夠好的話可以連結自己的網址, 方法是到google firebase 的console, 在左邊的menu 選hosting, 在網域選連結網域, 跟著設定做就行.
    另外剛連結的網址會有cert invalid 的情況, 等大慨0 -24小時就會自動收復.

SSL cert是全自動的, 連結好後等一等, 很快就可以見到綠色https.

Last Updated: 2019-1-14 00:15:15