搭建 GitHub 我的博客

1 GitHub 搭建我的博客的方式

GitHub 是一個開源代碼庫及版本控制系統，它能夠託管各類 git 庫，號稱程序員的 Facebook，影響力很是大。而 GitHub 裏的 Pages 功能，就是用來爲項目創建網站，使項目的展現可以簡明易懂。咱們能夠經過它來創建託管在 GitHub 上的靜態網頁。

(1) GitHub Pages + Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

Hexo 能夠理解爲是基於 NodeJS 製做的一個博客工具，不是咱們理解的一個開源的博客系統。其中的差異，有點意思。

Hexo 正常來講，不須要部署到咱們的服務器上，咱們的服務器上保存的，實際上是基於在 Hexo 經過 Markdown 編寫的文章，而後 Hexo 幫咱們生成靜態的 HTML 頁面，而後將生成的 HTML 上傳到咱們的服務器。簡而言之，Hexo 是個靜態頁面生成、上傳的工具。

(2) GitHub Pages + Jekyll

Jekyll 是一個簡單的免費的博客生成工具，相似 WordPress。可是和 WordPress 又有很大的不一樣，緣由是 jekyll只是一個生成靜態網頁的工具，不須要數據庫支持。可是能夠配合第三方服務，例如 Disqus。最關鍵的是 Jekyll 能夠免費部署在 GitHub 上，並且能夠綁定本身的域名。

2 準備工做

步驟一： 在 GitHub 上找到本身喜歡的博客模板（模板 ），fork 到個人倉庫。

步驟二： 在 settings 中 rename 爲 zoeeying.github.io，zoeeying 是個人 GitHub 用戶名。此時，經過地址 zoeeying.github.io 就能夠訪問個人博客了。可是如今博客裏的內容都是 fork 過來的模板中的內容。

步驟三： 把項目 clone 下來。

3 環境搭建

(1) 下載安裝 Ruby

經過官網下載安裝，速度不要太慢，仍是找個百度雲資源吧。傻瓜式 next 安裝，記住，安裝過程當中須要勾選一下添加到環境變量的選項。安裝成功後，在命令行中輸入 ruby -v 獲得 Ruby 版本號，即表示安裝成功。

(2) 下載安裝 RubyGems

補充： 如何在當前目錄打開 cmd 命令窗口？

在當前目錄按住 shift 再右擊鼠標，會看到右鍵菜單裏有一個 「在此處打開命令窗口」 選項，點擊便可。

在解壓後的 RubyGems 文件夾中，打開命令窗口，執行命令：ruby setup.rb

(3) 用 RubyGems 安裝 Jekyll

經過 gem install jekyll 命令安裝 Jekyll。

國內安裝太慢，須要修改一下 Ruby 源：

gem sources --remove
gem sources -a <http://gems.ruby-china.com/>
複製代碼

(4) 開啓服務

在 clone 下來的博客項目中，經過命令 jekyll serve --watch 開啓服務。watch 爲了監測文件夾內的變化，即修改後不須要從新啓動 Jekyll，至關於熱加載。

若是在開啓服務的時候報 jekyll-paginate 沒有找到的錯誤，解決方法以下：

步驟一： 執行命令 gem install "jekyll-paginate" 安裝 jekyll-paginate 插件

步驟二： 在 _config.yml 中增長：plugins: [jekyll-paginate]

4 提交代碼到 GitHub

步驟一： 經過 git clone 命令將代碼 clone 到本地

步驟二： 修改或者添加文件後，使用 git add . 命令將文件 add 到本地緩衝區

步驟三： 經過 git commit -m "some info" 命令將文件提交到本地倉庫

步驟四： 經過 git push origin master 命令 push 到 GitHub 倉庫中