前言

之前我的博客沒有綁自己的域名，一直在github上放著，訪問起來比較麻煩，前陣子在阿里云買了這個域名，配置上之后，就可以通過自己的域名訪問了，有些朋友問我這個博客怎么搭的，用的什么主題，所以準備寫一寫博客的搭建過程，以及主題的配置，最后再說說域名的配置，這些內容一篇文章寫起來有些費時間，打算分成三篇來寫，跟著文章來走一遍過場，動手嘗試搭建一個屬于自己的Blog吧！

---

萬丈高樓平地起，對于搭建Blog來說，環境的部署就是這高樓的基石，下面我們來看看怎么部署環境。

步驟總覽

Git環境

1. 如果您還沒有注冊GitHub，先到這里?GitHub注冊教程?看我之前的文章
2. 安裝Git?點我下載?選擇適合自己計算機環境的版本下載，我這里是Windows環境，下載后，根據提示點next一步步安裝即可。關于Git的更多使用技巧，推薦看廖雪峰老師的Git教程?點我學習

Node環境

1. 安裝Node.js?點我下載?同樣選擇適合自己計算機系統的版本下載安裝即可。更多Node.js教程?點我學習
2. 安裝完畢后，測試是否安裝成功，打開命令終端，我這里是Windows，win+r輸入cmd進入終端，鍵入命令node -v?或者直接輸入node回車即可，如果出現下圖顯示則說明node環境安裝成功：
   
3. node中集成了npm包安裝工具，輸入命令npm -v查看版本號，如圖：
   

Hexo環境

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

1. 安裝hexo-cli：進入終端，鍵入命令?cnpm i hexo-cli -g?[其中 ‘cnpm’ 代替 npm，安裝速度更快； ‘i’ 表示install， ‘-g’表示全局安裝 (注意：如果安裝失敗，建議在管理者模式下安裝)]
2. 初始化：在本地合適的位置創建一個文件夾用作Blog環境，比如，我這里在D盤根目錄下創建了一個myblog文件夾，進入此目錄，按住?shift?鍵同時點擊鼠標右鍵打開Powershell終端，鍵入命令?hexo init?進行初始化，進度可能很慢[蹲個廁所回來大概就OK了]，耐心等待安裝即可。出現下圖表示安裝成功完畢后發現空目錄多出很多文件，如下圖：這里的node_modules是項目依賴，在初始化的時候已經下載下來了，不用再?hexo i?了(有的教程寫的hexo i 就是安裝依賴的作用)。

測試本地運行

上述環境完成后，我們就可以在本地預覽blog了。很簡單，兩行命令。

1. 鍵入命令?hexo generate?生成靜態文件，可以簡寫為?hexo g

2. 鍵入命令?hexo server?在本地運行， 可以簡寫為?hexo s
   出現下圖則表示成功
   

3. 打開瀏覽器，地址欄鍵入?http://localhost:4000?即可進行預覽，效果如下

總結

經過以上操作，我們已經在本地搭建好了blog項目，并且在瀏覽器上預覽成功，下一篇將接著寫怎么把本地blog部署到github上，再換一個好看主題。