從零開始搭建一個 hexo 部落格。

1. hexo介紹

• 基於nodejs的輕型blog，官網， 有豐富的外掛和主題，可以自由選擇npm 安裝。

2. 環境的搭建(本地pc)
   • git 和 node 的安裝

     # 我mac是用homebrew安裝
     $ brew install git 
     $ brew install node

3. hexo安裝與配置

   • hexo安裝
     $ npm install -g hexo-cli
   • 新建專案

     # 建立blog專案
     $ hexo init <folder>
     $ cd <folder>
     $ npm install

   • 下載主題
     xxx為主題名稱,主題和外掛都可以去官網找
     $ git clone https://github.com/xxxx/hexo-theme-xxxx.git themes/xxx

   • 配置檔案
     #主配置檔案 _config.yml 主題配置檔案 themes/xxx/_config.yml

4. hexo的主要命令

   • 生成靜態頁 命令在blog專案資料夾下
     $ hexo g

   • 啟動服務,通過本地localhost:4000訪問
     $ hexo s
5. 部署到伺服器
   hexo 可以部署到github上也可以自己在伺服器上配置個nginx後部署，伺服器上無需複雜環境配置，推送上來的都是靜態資源，這就很省事了。
   我選擇的是nginx部署。
   • ngixn.conf 配置站點（不贅述）
   • 伺服器中建立git倉庫

     #Git 初始化裸庫 /data/GitLibrary為倉庫地址可自己修改
     $cd /data/GitLibrary
     $git init --bare hexo.git
     #建立 Git 鉤子(hook)
     vim /data/GitLibrary/hexo.git/hooks/post-receive
     #用於指定 Git 的原始碼 和 Git 配置檔案
     #!/bin/bash /data/www/hexo為blog站點目錄
     git --work-tree=/data/www/hexo --git-dir=/data/GitLibrary/hexo.git checkout -f
     #儲存並退出後, 給該檔案新增可執行許可權
     $ chmod +x /data/GitLibrary/hexo.git/hooks/post-receive

   • 本地blog中主_config.yml配置

     # 配置伺服器資訊以及git倉庫目錄
     deploy:
     type: git
     repo: username@ipAddress:/data/GitLibrary/hexo.git

   • 更新線上blog程式碼

     #本地除錯程式碼完畢後
     $ hexo g //生成靜態頁
     $ hexo deploy // 更新推送到線上
     # 此時會提示輸入伺服器密碼， 免ssh 請百度

6. 其他
   可以使用hexo-admin外掛來方便部落格撰寫
   blog樣品：我的部落格