windos系統下hexo+github搭建簡單靜態個人部落格

一、環境node.js

1.安裝git

首先登陸Git官網：https://git-scm.com/

速度慢可通過淘寶映象下載：http://npm.taobao.org/mirrors/git-for-windows/

1.點選Download下載

2.選擇版本預設64bit

3.點選安裝程式

4.進入安裝介面（可直接選擇預設，一路next）

5.安裝完成

到此，Git的安裝完成，可以在開始選單中看到Git的三個啟動圖示：Git Bash、Git CMD(Deprecated)、Git GUI。
Git Bash，是Git配套的一個控制檯。
Git CMD(Deprecated)，是通過CMD使用Git（不推薦使用）。
Git GUI，是Git的視覺化操作工具，點選開啟如下圖：

6.cmd檢視版本

2.安裝node.js

下載nodejs: https://nodejs.org/en/ 一般下載安裝最新穩定版本

淘寶映象：

1.下載

2.安裝一路next就ok

安裝完以後會有兩個元件：1.是 npm 包管理器；2.是 Nodejs 本身。

3.檢視版本

二、hexo框架

需藉助 npm 包管理器來安裝。

因為國內安裝映象源很慢，所以利用 npm 安裝 cnpm。

用淘寶連結進行安裝：

npm install -g cnpm --registry=https://registry.npm.taobao.org

1.看下 cnpm 的版本：cnpm -v

2.安裝hexo框架：cnpm install -g hexo-cli

3.檢視版本：hexo -v

這裡注意，若執行C:\Users\Lenovo> hexo -v

報錯：'hexo' 不是內部或外部命令，也不是可執行的程式
或批處理檔案。

處理方法1：配置環境變數-----將 hexo.cmd的根目錄新增到系統變數中的path變數中。

處理辦法2：直接將 hexo.cmd 檔案拖拽到 執行視窗內 或者 直接使用該根目錄"D:\react native\node-v10.15.3\node_cache\hexo.cmd"代替hexo。

如hexo -v 寫成 "D:\react native\node-v10.15.3\node_cache\hexo.cmd" -v（"D:\react native\node-v10.15.3\node_cache\hexo.cmd" 是hexo.cmd的根目錄）

4.本地啟動 hexo搭建的部落格

方法1：通過命令列建立blog檔案

檢視當前路徑，輸入：cd

新建一個blog 資料夾，輸入 : mkdir blog

方法2：直接手動建立一個blog檔案

進入blog目錄中：cd blog

5.初始化一個部落格：hexo init

6.啟動部落格：hexo s 就是hexo server ，寫一篇部落格，可以用hexo s這個命令啟動預覽下

7.網頁位址列輸入：localhost:4000

輸入：hexo n "我的第一篇部落格文章"

配置config，如果下載了vim，可直接用vim編輯器：vim 我的第一篇部落格文章.md

也可以直接用vscode、notepad++、記事本等編輯。

輸入cd../..退回到blog目錄下，接著輸入以下命令：

清理下：hexo clean

生成下：hexo g

啟動下：hexo s

重新整理下：http://localhost:4000

以上 Hexo 部落格的搭建已經完成了。

三、部署到GitHub

1.登入自己的 Github

2.新建一個倉庫：

注意：一定是你的暱稱.github.io

例如我的 Github 暱稱是Good-omen，那麼這裡輸入Good-omen.github.io

繼續在 blog 目錄下，輸入命令列操作：

3.裝 Git 部署的外掛：cnpm install --save hexo-deployer-git

裡面的紅色警告可以忽略不管。

去 blog 檔案下，直接看到一個_config.yml，修改_config.yml即可。注意：blog資料夾下的其它檔案下也有_config.yml檔案，別改錯了檔案。

改完後記得儲存！

4.最後部署到遠端：hexo d

重新整理GitHub，會發現很多檔案，可以直接訪問https://Good-omen.github.io,並看到部落格已經部署到GitHub上去了。

四、更換部落格主題

1.Hexo主題地址：https://hexo.io/themes/

換個自己喜歡的主題，克隆到 themes 主題上去：

git clone https://github.com/volantis-x/hexo-theme-volantis.git themes/volantis

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

themes 資料夾下會出現下載的主題

2.現在把主題配置到部落格上去：

修改_config.yml檔案：

theme: yilia
theme: volantis
用哪個主題就換哪個主題的名字，注意名稱前面有個英文空格。

3.輸入以下命令：

hexo clean
hexo g
hexo s

4.啟動本地服務：http://localhost:4000

、