從零開始在GitHub上部署個人部落格——寫給大家看的教程

文字同時也釋出於知乎專欄

本文適合的讀者：希望搭建個人部落格的朋友，無需瞭解Git、Ruby等技術。

GitHub是什麼

GitHub是一個利用Git進行版本控制、專門用於存放軟體程式碼與內容的共享虛擬主機服務（來自維基百科），我更願意把它稱作程式設計師的社交網站。GitHub的中心是程式碼，程式設計師們加入到不同的專案中，圍繞著程式碼進行相互交流。

GitHub Pages是什麼

GitHub Pages最早是為託管在GitHub上的專案提供介紹頁面而誕生的，開發者們可以通過GitHub Pages為他們的每一個專案建立一個用於介紹該專案的靜態網站。

Jekyll是什麼

後來有人利用GitHub Pages建立了個人部落格，但是由於GitHub Pages的網站是靜態的，每次更新部落格都需要手動更改HTML、接著GitHub聯合創始人Tom Preston-Werner利用Ruby編寫了靜態網站生成工具Jekyll。Jekyll可以根據提供的模板以及文章內容自動生成靜態網站，它的出現將網站的外觀（模板）與網站的內容（博文）分開，簡化的靜態網站的維護。GitHub Pages也部署了Jekyll，上傳到GitHub Pages的模板和博文可以被自動地通過Jekyll生成為一個靜態網站。

部署Git及Jekyll

等等！說好的無需瞭解Git、Ruby等技術呢？啊，差點忘了，那這段跳過吧，正在閱讀文章的你無需關注這些內容。Windows使用者別怕，安裝Ruby時的各種詭異問題都和你沒啥關係了，我們壓根就不碰它。

利用Jekyll Writer在GitHub部署Jekyll網站

Jekyll Writer是一款視覺化的Jekyll網站管理程式，使用它可以避免接觸Git和Jekyll來部署和管理Jekyll網站。

對於從沒有接觸過GitHub的使用者，需要先到GitHub網站上註冊一個使用者，註冊的過程我就不詳細講了。

登入GitHub之後，進入個人設定頁面點選右上角的“Generate new token”生成一個token，Token description填寫Jekyll Writer，Select scopes勾選repo。

生成完畢之後記錄下這個token準備後面使用。

執行Jekyll Writer，選擇Account標籤，點選GitHub，在彈出的視窗中點選Add Account，將生成的Token填入文字框中，最後點選OK。如果一切順利，就可以看到詢問是否要立即掃描該賬戶下Jekyll倉庫的提示了，點選OK繼續。

掃描結束後，點選賬戶名就可以看到所有被搜尋到的Jekyll網站了，如果沒有，列表就是空的。點選下面的Create new site來建立一個新的Jekyll網站。

如果這是你的第一個網站，那麼路徑後面可以空著什麼都不寫，否則填寫一個合適的路徑。比如此處我填寫一個blog的路徑。

然後點選後面的對號確認建立，稍等片刻後提示建立成功。

這樣一個Jekyll網站就建立完畢了。網站建立完畢後的URL是.github.io/，比如我在GitHub的使用者名稱是Sneezry，我剛剛建立的網站路徑是blog，那麼這個網站的訪問地址就是sneezry.github.io/blog。

管理文章

網站建立成功之後，在Account標籤下Blog Account區域的下拉選單中就可以看到剛剛建立的網站，並切換到該網站。

點選左上角File按鈕，選擇選單中的Open Post List選單，在彈出的視窗中點選右上角的同步按鈕進行同步。

同步完成後即可看到完整文章列表了。點選列表中的文章標題即可對文章進行修改

當然，在GitHub上寫部落格還有一個好處，就是可以利用Git版本控制這一特性管理博文歷史。如果你對Git並不熟悉也無需擔心，Jekyll Writer已經提供了使用方便的版本管理功能。開啟任意一篇文章，切換到Account標籤，點選History即可看到這篇文章的所有歷史記錄，點選歷史記錄即可開啟相應的文章。

管理Jekyll網站

Jekyll Writer不僅可以對文章進行管理，同時對網站也可以進行管理，包括網站引數設定、域名繫結已經更改主題等等。

Jekyll Writer提供了一個線上的主題市場，點選Account標籤下的Theme即可看到主題市場中的所有主題，點選Preview可以看到主題的應用效果，點選Apply會自動替換該主題。

不過現在主題市場中的主題還有點少，大家遇到好看的主題也可以向Jekyll Writer Theme投稿，但所投稿的主題要求一定是開源的。

點選Config對網站設定進行更改，多數情況下除了網站標題外等大部分的設定無需更改，具體引數可以參考Jekyll官方網站的文件。

繫結域名只需點選Domain後填寫完整域名，然後點選Update即可。在Jekyll Writer設定完域名之後，對於二級域名，需要登入域名的DNS後臺，新增一條CNAME記錄指向你的網站.github.io。但如果你要直接繫結裸域，假如你的域名是awesome.com，同時希望awesome.com和awesome.com都能訪問到你的部落格，那麼在Jekyll Writer中你應將域名設定為awesome.com，同時在awesome.com的DNS後臺新增兩條主機名為@的A記錄分別指向192.30.252.153和192.30.252.154，再新增一條主機名為www的CNAME記錄指向裸域awesome.com。

總結

Jekyll Writer是一款跨平臺的Jekyll網站管理程式，它可以讓使用者避免接觸Git和Ruby等專業的技術而直接建立和管理基於GitHub Pages的靜態網站，同時支援對文章的版本進行管理。Jekyll Writer可以通過jekyllwriter.com進行下載。

好了，Jekyll不再只是Geek的玩物，大家一起High起來吧！