Mac上搭建基於Github的Hexo博客

博客地址：往事亦如風的博客

hexo官方文檔

原本想搭一個本身的博客，可是由於服務器真心買不起，因此就使用gitpages搭建一個免費的博客。

環境配置

• Node.js

點擊連接進入Node.js官網, 下載v5.5.0 Stable 一路安裝便可。

• 由於Xcode自帶git，因此就不必下了，若是沒有安裝的同窗能夠移步hexo官方文檔去下載git

安裝Hexo

當Node.js和git安裝好，下面就須要安裝Hexo了，終端執行如下命令

$ sudo npm install -g hexo

Hexo 初始化

在桌面新建一個blog文件夾，而後cd 到那個目錄下
執行如下命令

$ hexo init

$ npm install

$ hexo s

此時在瀏覽器中打開網址http://localhost:4000相信就能夠看到一個靜態網頁

關聯Github

建立Github帳號並新建項目

項目名稱爲用戶名.github.io的固定寫法,以下圖所示

拷貝項目地址連接

cd 到blog文件夾下,vim打開_config.yml，命令以下

$ vim _config.yml

打開後滑倒最後，修改爲下面的樣子,下面的coding是我在codeing上新建的一個項目，由於在github上訪問太慢，因此我新建了一個倉庫。

deploy:
  type: git
  repository:
            github: https://github.com/jikaipenggithub/jikaipenggithub.github.io
            coding: https://git.coding.net/a751122452/a751122452.coding.me.git
  branch: master

注意：在配置全部的_config.yml文件時（包括theme中的），在全部的冒號:後邊都要加一個空格，不然執行hexo命令會報錯.

修改完成以後保存退出，而後輸入如下命令

hexo clean
hexo g
hexo d

當以上命令執行完成以後，在瀏覽器打開http://你的用戶名.github.io，能看到和打開http://localhost:4000同樣的頁面。

安裝主題

Hexo官網主題頁獻給你們你們能夠去下載本身喜歡的主題去配置，如下以hexo-theme-next爲例
終端cd到 blog 目錄下執行以下命令：

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

將blog目錄下_config.yml裏theme的名稱landscape修改成next

終端cd到blog目錄下執行以下命令(每次部署文章的步驟)：

$ hexo clean           //清除緩存文件 (db.json) 和已生成的靜態文件 (public)
$ hexo g             //生成緩存和靜態文件
$ hexo d             //從新部署到服務器

至於更改theme內容，好比名稱，描述，頭像等去修改blog/_config.yml文件和blog/themes/next/_config.yml文件中對應的屬性名稱便可，

綁定我的域名

• Github端

在/blog/themes/landscape/source目錄下新建文件名爲：CNAME文件，注意沒有後綴名！直接將本身的域名如：kaipeng.net.cn寫入,若是換主題須要在新的主題下面的source下重建CNAME,並寫入域名。

域名解析以下圖所示，藍色箭頭指的ip是個人github的倉庫地址，你在終端ping一下就知道了，另外兩個是coding的倉庫地址，要是有不懂的滴滴我
(