文章來源於bilibili的up主：CodeSheep

地址：https://b23.tv/BV1Yb411a7ty

第一步 安裝node.js及環境配置

轉載：轉自：https://www.jianshu.com/p/13f45e24b1de

第二步 安裝hexo部落格框架

藉助npm包管理器來安裝，因為國內映象源很慢，所以需要換源至淘寶的源。

可以選擇使用cnpm來安裝hexo框架（Linux/Os），我這裡是Windows，直接使用npm來安裝：

這裡用npm直接安裝hexo後，出現了2個WARN：

原因：
fsevents不在package.json裡，但是仍然安裝了，是因為你的系統是Windows系統

，fsevents是蘋果系統的可選依賴,你的專案有可能是團隊專案，別人在他的mac上安裝了fsevents相關依賴庫，所以到這邊你也就安裝到你的windows上邊了。你可以檢查你的package.json 檔案中是不是有fsevents相關依賴，刪除即好！
如果沒有，其他的npm包也會有依賴fsevents的！！！
這是warning錯誤，是因為mac下需要 fsevents，這裡是在windows環境，所以可以忽略這個警告，對你沒什麼影響的。

可以輸入hexo -v 檢視hexo的版本資訊

三、建立部落格

Windows我這後續用到的是git bash

首先切換目錄，並建立一個blog資料夾：

之後用hexo來生成我們的部落格，初始化：

看一下我們的目錄下都生成了哪些東西（一些基礎的框架內容）：

接下來啟動我們的部落格（hexo s就是hexo start或者hexo server意思）:

在本地的4000埠來啟動：這裡只是本地的靜態埠

到這已經有了一個部落格，並自動給你建立了一篇文章，“hello world”，並有一些hexo的一些簡介，

四、新建文章

接下來我們新建一篇文章：

先把部落格斷開，hexo s就是啟動命令，平時我們就是拿來做預覽用的，可以理解為start也可以是server

使用hexo n命令來new一篇文章，

接下來對第一篇部落格文章修改，新增一些內容：

命令：vim 我的第一篇部落格文章.md

Vim是一個類似於Vi的著名的功能強大、高度可定製的文字編輯器，在Vi的基礎上改進和增加了很多特性。

以下是基於markdown這種格式的語法來寫的：

儲存退出是先 Esc 退出編輯 在輸入 ：wq 回車便可

兩個..是返回上一層 目錄，一個. 是當前目錄

接下來先清理下，再生成下：

然後我們在重新啟動下部落格，

本地4000埠一般用來測試用，

五、部署到遠端

我們的部落格不可能是一直在本地用，需要部署到遠端去，這裡推薦一個免費的部署方式，就是部署到GitHub上面去哈哈。以後就通過GitHub那個地址來訪問我們的部落格。

怎麼部署部落格到GitHub上呢：

首先到GitHub上去，新建一個倉庫，倉庫的名字很重要！！

暱稱.github.io

必須是這個

這樣就有了一個空倉庫拉，

接著去gitbash上操作

需要在blog目錄下裝一個git的部署外掛：

gitbash用的命令：npm install --save hexo-deployer-git

Windows的命令：npm install hexo-deployer-git--save

設定一個很關鍵的東西，就是這個_config.yml,

我們用vim命令開啟它，到檔案的最底部的#Deployment，type這個有引號的要在引號裡面寫git，注意每個冒號後面都有空格！！！！

將GitHub上的地址存進了，repo：空格+地址

Linux下複製貼上快捷鍵

1. 在終端下：

複製命令：Ctrl + Shift + C 組合鍵.

貼上命令：Ctrl + Shift + V 組合鍵.

2. 在控制檯下：

複製命令：Ctrl + Insert 組合鍵　　或　　用滑鼠選中即是複製。

貼上命令：Shift + Insert 組合鍵　　或　　單擊滑鼠滾輪即為貼上。

退出先按Esc 然後輸入：wq即可

加下來就可以部署到遠端了，命令是hexo d，d就是deploy的意思，完成後會提示你輸入GitHub的賬號密碼

注意這裡要加2步，就是在gitbash上需要配置身份

最好是重新開啟gitbash配置身份！然後在去blog目錄，在提交倉庫推送。

最後就是告訴你推成功了，相應的GitHub上的倉庫也多了很多東西，倉庫名便可以拿來訪問了。Agiroy4712.github.io

到此基本的部落格搭建就成功部署上了！

六、部落格主題的更換（自定義）

這裡推薦的主題地址是：github.com/litten/hexo-theme-yilia

還是在本地操作啊，注意目錄，在blog目錄下操作的

第一步 下載主題

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
克隆到themes目錄下

克隆完成後，我們看下它在哪裡：

在最後面這個themes目錄下

第二步 配到自己的部落格裡

下載好後就是配到自己的部落格裡了，回到上一層目錄後，我們還是要修改_config.yml這個檔案，這個檔案很重要！

用vim命令進入後，我們需要找到theme，去修改主題

把landscape修改為yilia，然後Esc退出編輯，然後：wq，這樣就可以了，就把主題應用上了！

然後咱們清理下

重新生成下部落格，命令為：hexo g

然後重新server一下，命令為：hexo s

可以看到主題已經改變了，然後Ctrl + C 退出後，將它推到遠端，命令為：hexo d

到此，整個過程就完成了！