透過 Jekyll 與 GitHub Pages 建立自己的部落格(1)

菜雞時期寫的文章,建議看新的版本

前言

其實自己在大學時,對於編寫程式碼是感到相當害怕的,可能是看到密密麻麻的內容,覺得高深莫測而不敢觸碰。直到進入研究所後,與研究室學長共同執行一項計畫,認識了 matlab,才讓我對程式的敬畏放下了一些。 同時研究室又是做數值模擬,所以非得學習如何編寫程式。

在這段時間我開始使用 HackMD 紀錄自己的研究心得、程式碼等等,最後想說可以分享一些自己的經歷,才發現,原來建立部落格可以透過 GitHub 完成。

以下是透過 Windows 系統,學習如何安裝 jekyll,再到建立專屬自己的部落格。


1. 在 Windows 系統中安裝 jekyll

安裝的教學可參考jekyll官網

在安裝 jeykll 之前,必須先安裝 Ruby。而最簡單的方式是透過RubyInstaller安裝。

為了省去麻煩,我直接安裝 Ruby+Devkit 版本。同時為了防止其他問題,就直接不修改安裝路徑了XD (但這個時候我的系統硬碟已經快滿了,寸土寸金啊QAQ)

在安裝視窗的最後(Finish那個視窗),會問你是否執行ridk install,這時候就大力地勾下去,再按Finish

接著就會跳出以下畫面,並開始一連串地設定、檢查了(檢查什麼我也不是很清楚,反正這邊無腦安裝。)

一切執行完後,會顯示以下畫面,

此時可以進入系統內容 > 環境變數中,確認是否有新增環境變數,如下

確定環境變數有添加成功後,開啟一個新的cmd,這樣才會載入新的環境變數,並輸入gem install jekyll bundler,用意是為了安裝jekyllbundler,如下

安裝完成後,輸入jekyll -v確認是否有成功安裝 jeykll,如下


2. 在 GitHub 中建立一個新的 Repository

因為我的 GitHub 裡面沒有 Repository,所以就像下面這張圖,什麼都沒有~

那點選Create repository,接著輸入Repository name,也可以添加一些描述,

接著會跳轉到以下畫面,再點選Settings

下拉至GitHub Pages,並點選Choose a theme,讓 GitHub 先替我們透過 jekyll 來建立一個靜態網站。

隨便選一個主題試試,我選的是Minimal主題,並按下Select theme

到這邊已經建立好網站的雛型了,一般可透過 https://自己的帳號.github.io/剛剛的repository名稱/ 來確認一下自己剛剛建立的網站。

又或者可以回到Settings > GitHub Pages的部分,這時候應該會發現此處已經打上綠色勾勾,並且告訴你網站的名稱,如下

以我為例,我的是 https://ktinglee.github.io/KTing_Blog/

內容如下,就是剛剛選的模板~


結語

到此,我們可成功在 Windows 系統安裝 Ruby 以及 jekyll,同時也在 GitHub 中建立一個新的 Repository,這個 Repository 未來將會用來存放所有部落格有關的內容,而如何建立一個有模有樣的部落格,就接著看下一篇文章吧!


留言