上一篇文章介紹到如何 安裝Jekyll(Mac) ，如果還沒有安裝的人可以先參考文章
還沒註冊 GitHub 的人 ，必須先去註冊帳號
挑選 Blog 版型
建立好 GitHub 帳號，也安裝好 Jekyll 之後
可以在 Jekyll Themes 先找尋自己喜歡的版型
找到自己喜歡的版型點進去
Homepage是作者的 GitHub
Demo 可以觀看網頁版型的樣子
決定好要使用哪種版型之後，點擊 Homepage 進入這位作者的
GitHub，在右上方處有個 Fork 將它的專案複製一份到你的帳號
下
重新整理頁面之後，就會看到 Fork 成功到你的帳號裡
(紅色劃掉部分會是你選的版型的名稱)
修改 Blog 專案名
按下紅色框起來的 Setting ，我們要把這份專案改成自己的名字
在 Repository Name 的地方修改成
<你的 GitHub 帳號名稱> + .github.io
之後按下 Rename 確定
確認 Blog 是否可以運作
修改完後，這時大概要等待個幾分鐘時間
一樣在 Settings 裡面，往下滑，找到 GitHub Pages
如果畫面呈現以下綠色勾勾，代表可以成功進入 Blog
如果遲遲等不到綠色的勾勾，也沒有以下的錯誤，那可以直接先跳到
設定網站相關配置來先做設定
錯誤一
如果畫面呈現以下三角形警告符號
代表說 CNAME 網域已經被使用過
首先打開 Terminal（終端機），我們要把專案下載到桌面上
ls 查看目錄
cd Desktop 把路徑移到桌面
git clone <專案連結> 把專案下載到桌面
專案連結在紅色框框處，複製並貼在 git clone 後面
下載完成後，專案檔案就會出現在桌面
如果輸入 git clone 無法順利下載專案 ， 可以參考這篇文章
點擊剛剛下載的專案，找到有個CNAME的檔案
點進去是那位作者的網域
我們只要把CNAME的檔案刪除即可
刪除完後，我們要上傳回傳到 GitHub 裡
git status 查看工作目錄和暫存區狀態
會顯示出紅色的 deleted: CNAME 代表說有更動刪除這個檔案
git rm CNAME 是刪除 CNAME
git commit -m"rm" commit 到暫存區
git push 上傳到 GitHib
完成後重新整理，就會發現 CNAME檔案被我們刪除不見了
再等待一段時間，也會成功變成綠色勾勾
進入 Blog
在瀏覽器上輸入 <你的 GitHub 帳號名稱> + .github.io
ex : https://HzYu.github.io
如果上面的步驟都很順利，就會成功進入 Blog
如果輸入網址，發生以下進不去的畫面
我們繼續先往下設定網站相關的設定
設定網站相關配置
我們先把 GitHub 上的專案下載到桌面上
打開 Terminal（終端機）
ls 查看目錄
cd Desktop 把路徑移到桌面
git clone <專案連結> 把專案下載到桌面
專案連結在紅色框框處，複製並貼在 git clone 後面
打開下載下來的專案
_config.yml 為 Blog 裡面介面的設定檔
_posts 為文章上傳的地方
我們可以利用文字檔或是其他編輯器打開 _config.yml 進去做相關的設定
打開_config.yml後，我們來做設定
# Site settings
title : HzYu Blog //你的 Blog 標題
SEOtitle : HzYu Blog | BY Blog //瀏覽器上面顯示出來的標題
header-img : img/post-bg-desk.jpg //顯示在首頁的背景圖片
email : 你的 email
description : Blog 介紹
keyword : 黃子瑜,HzYu,Blog //關鍵字
url : http://HzYu.github.io //輸入你 blog 的網址
baseurl : 不用填寫
# Site settings
sidebar : true //是否打開側邊欄
sidebar-about-description : "" //敘述自己的介紹
sidebar-avatar:/img/HzYu.jpeg //自己的大頭貼
# SNS settings
github_username: HzYu // GitHub連結
facebook_username: 黃子瑜 // FB 連結
設定完相關的網站配置後，並上傳至 GitHub
git status 查看工作目錄和暫存區狀態
git add . 把全部的檔案加入
git commit -m"setting" 把檔案加入至暫存區
git push 上傳至 GitHub
上傳完更新完後，我們就要開始撰寫文章
利用 Jekyll Demo 網站
利用 Jekyll 好處就是可以打完文章，即時觀看網站的排版內容
首先打開 Terminal（終端機）
把自己的專案 Clone 到桌面上
ex: git@github.com:HzYu/HzYu.github.io.git
到自己專案的路徑下
ex: cd HzYu.github.io/
因為我們上一篇文章已經有安裝過 Jekyll
還沒安裝過的可以參考 安裝Jekyll(Mac)
所以直接打Jekyll sever，就會啟動 Jekyll 服務器
最後只要在網址輸入 http://localhost:4000/
就可以看到自己剛剛建立的網站和文章
如果要停止Jekyll sever，只需按Ctrl + C
撰寫文章
我們撰寫文章的文章是放在 _Post 路徑底下
他撰寫的語言是 MarkDown
有關 MarkDown 相關的語法可以到網路上查查
文章的架構，可以看如下圖
layout: post # 不需要修改
title: 開始建立自己的 Blog # 標題
subtitle: Step2 建立 Blog #副标题
date: 2018-09-07 11:38:22 # 時間
author: BY HzYu # 作者
header-img: img/post-bg-ios9-web.jpg #背景圖片
catalog: true # 是否歸檔
tags: #標籤
- jekyll
- Mac
- Blog
- GitHub Pages
---
輸入完基本的之後，下面就可以打自己的文章囉
參考引用
有關 Blog 相關設定，可以參考自己挑選版型作者的介紹
每個版型的設定皆會不同
我的版型是參考：qiubaiying 的 Wiki
Jekyll介紹式參考 Jekyll
