1. 安裝Git Bash
2. 安裝NodeJs
3. 安裝hexo
4. 本地運行
5. 修改及配置主題
6. 寫文章部分

1. 安裝Git Bash

我一直不太喜歡在cmd中操作各種命令，所以挑了這個比較好使的Git Bash, 我的是windows環境，所以下載windows版本並安裝就可以了。

• 下載地址
• 安裝步驟：雙擊下載好的exe文件，一路next就好啦
• 安裝好後，打開gitbash，查看版本：
  • 命令：git version (寫這篇博客的時候最新版本：2.12.2)
  
• 然後你就可以在這裏發揮你的聰明才智了

2. 安裝NodeJs

Hexo是基於nodeJS環境的靜態博客，裏面的npm工具很有用啊，所以還是老老實實把這玩意兒裝了吧

• 下載地址(說明：LTS為長期支持版，Current為當前最新版)
• 安裝步驟：反正下載好msi文件後，雙擊打開安裝，也是一路next，不過在Custom Setup這一步記得選 Add to PATH ,這樣你就不用自己去配置電腦上環境變量了，裝完在按 win + r 快捷鍵調出運行，然後輸入cmd確定，在cmd中輸入path可以看到你的node是否配置在裏面（環境變量），沒有的話你就自由發揮吧。
• 查看版本：
  • 命令：node -v
  
• 又到自由發揮的時候了

3. 安裝hexo

看到這麽多安裝，千萬不要緊張，小哥哥小姐姐們一定要穩住，別怕，因為後面的東西都是在gitbash中用npm工具安裝就好了。

• 先創建一個文件夾（用來存放所有blog的東西），然後cd到該文件夾下。
• 安裝hexo命令：npm i -g hexo

• 安裝完成後，查看版本：

• 初始化命令：hexo init ，初始化完成之後打開所在的文件夾可以看到以下文件：

  

• 解釋一下：
  • node_modules：是依賴包
  • public：存放的是生成的頁面
  • scaffolds：命令生成文章等的模板
  • source：用命令創建的各種文章
  • themes：主題
  • _config.yml：整個博客的配置
  • db.json：source解析所得到的
  • package.json：項目所需模塊項目的配置信息

• 做好這些前置工作之後接下來的就是各種配配配置了。

4. 本地運行

• 回到gitbash中，進入你的blog目錄，分別執行以下命令：

hexo clean
hexo generate
hexo server

註：hexo 3.0把服務器獨立成個別模塊，需要單獨安裝：npm i hexo-server。

• 打開瀏覽器輸入：http://localhost:4000

• 接著你就可以看到你的博客啦~

5. 修改及配置主題

• hexo初始化之後默認的主題是landscape , 然後你可以去這個地址裏面找到你想要的主題。在github中搜索你要的主題名稱，裏面都會有該主題的如何使用的介紹，按著來就好了，反正就是改改改！我選的是hueman,看起來挺不錯，至少是我喜歡的類型。

• 跟該主題相關的配置在themes/hueman/_config.yml裏面,然後根據你的需要在這配配配就行了。

• 有的東西我也不知道是啥玩意兒，你要多試多倒騰幾次，就能意會啦

• 下面是針對我所選的主題的兩小點(別的主題我沒看，可能也是類似):

  在導航欄添加點東西
  • 例如我添加了一個更新日誌的模塊。
  • 在主題的配置文件中，menu添加一欄：Board: /board。
  • 然後在source中添加一個board，即對應上面的名字。然後再創建一個index.md，裏面可以寫你想寫的內容。
  • 在主題的hueman/langulages/zh-CN.yml中的index適當的位置加：board: ‘更新日誌‘，位置和名字是你自己設定。
  • 重新部署，然後就OK了
  在側邊欄添加點東西
  • 回到你的主題的配置文件中，找到widgets一欄，在你要添加的位置處添加一條你自定義的名稱。例如我的叫communiation且放在了第二行。
  • 在上面所提到的zh-CN.yml文件中找到sidebar一欄，添加communiation: ‘你要設的名稱‘。
  • 在hueman/layout/widget中添加一個communiation.ejs,填入模板

  <% if (site.posts.length) { %>
      <div class="widget-wrap widget-list">
          <h3 class="widget-title"><%= __(‘sidebar.communiation‘) %></h3>
          <div class="widget">
              <!--這裏添加你要寫的內容-->
          </div>
      </div>
  <% } %> 

6. 寫文章部分

• 新建文章：hexo new ‘文章名‘，然後你就可以在source/_posts路徑下看到你創建的文章啦，編輯完成之後按照前面說的方式部署，在瀏覽器刷新就能看到你的文章了。
• 關於具體的文章編輯你可以看下官網的介紹
• 至於markdown，可以自行發揮啦~

hexo從零開始到搭建完整