Github Pages 使用 Jekyll 網頁模版

Posted on | In ,
使用 Jekyll Themes 網頁模版搭建 Github Pages (Mac OS)

在 Jekyll Themes 選擇喜歡的模板

以 Minimal Resume 為例

終端機指令

檢查是否安裝 Ruby

1
ruby --version

下載 Ruby

MacOS

1
brew install ruby

Windows Ruby 下載

下載 Bundler

1
gem install bundler

下載模板

1
2
git clone https://github.com/murraco/jekyll-theme-minimal-resume.git
cd jekyll-theme-minimal-resume

下載 Jekyll 與附屬檔案

進入模板資料夾後

1
bundle install

在本地執行網頁

基本指令，網站將開在 127.0.0.1:4000

1
bundle exec jekyll serve

開在指定IP

1
bundle exec jekyll serve --port 8080

部落格資料夾用途

1
2
3
4
5
6
7
8
|-- _config.yml
|-- _posts/
|-- _site/
|-- 404.html
|-- about.md
|-- Gemfile
|-- Gemfile.lock
|_  index.md

_config.yml   ➜   基本網頁配置
_posts   ➜   網頁文章
_site   ➜  
404.html   ➜   錯誤頁面
about.md   ➜   關於頁面
index.md   ➜   主頁面
Gemfile   ➜   Ruby 代碼集合
Gemfile.lock   ➜   所有安裝的的版本資訊