【hexo博客搭建】本地搭建hexo博客(上)

前言

本篇文章會從本地(Windows 10)搭建-主題更換-部署阿裡雲詳細步驟，如果在搭建過程中，遇到問題，可以通過博客頁腳下的QQ聯繫我，或者在下麵評論留言

一.本地搭建

1.安裝前置

1.1安裝git

在git官網下載最新版本的git即可，因為本地是Windows所以下載Windows版本即可，如下圖所示，如果你是x64版本的電腦就下載紅色箭頭所指的版本，如果你是x32的就下載x32版本的。

下載完畢安裝包之後全部next下一步即可

1.2安裝node.js

安裝hexo博客需要nodejs的支持，需要去nodejs官網下載，下載LTS長期支持版本即可，如下圖
我這裡的版本是16.13.2LTS

下載完畢之後，直接按照自己需求設置即可，或者直接全部下一步，安裝完畢之後，檢測安裝成功輸入如下命令,就可以查看node版本，然後裡面還帶有npm包管理器也是如下命令查看版本

Windows的建議是，使用cmd用管理員的方式啟動
使用windows鍵 + q輸入cmd，滑鼠右鍵以管理員的方式啟動

node查看版本

node -v

npm查看版本

npm -v

如下圖所示,顯示nod版本為v16. 13 .2，npm版本為8. 1. 2

1.3npm換淘寶源

換淘寶源的原因是npm在國外下載速度很卡，淘寶源是國內的就不卡,使用npm下載cnpm來實現換源。

npm下載cnpm命令如下

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

輸入這個命令之後，如下圖，第一個紅色箭頭是安裝命令，安裝可能會稍微有點久，第二個紅色箭頭是檢查是否安裝成功，如果和我顯示的一樣，沒有ERR的報錯那麼就是安裝成功了。

1.4使用cnpm安裝hexo博客框架

到這裡已經完全安裝完畢前置，就可以正式開始安裝hexo博客框架，輸入如下命令來安裝hexo博客框架。

安裝博客框架命令

cnpm install -g hexo-cli

輸入完如上命令之後如下圖，第一個紅色箭頭是上面的安裝博客框架命令，第二個紅色箭頭是檢查是否安裝成功，如果你和我一樣，那麼就是安裝成功了。

2.生成hexo博客

2.1準備文件夾

到這裡就能真正的安裝hexo博客了，首先需要準備一個文件夾比如我這裡準備的是blog文件夾來放我的hexo博客，輸入命令如下。

準備blog文件夾

cd ..
cd ..
md blog
cd blog

如下圖所示按照從上往下的順序，第一個箭頭是回到上級目錄，第二個箭頭也是回到上級目錄，第三個箭頭是創建blog文件夾第四個箭頭是進入blog文件夾(是不是寫的太詳細，廢話太多了？)

上圖是因為我使用的是虛擬機操作，只有一個C盤，所以只能在C盤下操作，這裡我選擇的是在C盤根目錄下麵創建blog文件，如果你是真實機，電腦裡面應該有D盤F盤等等...什麼盤，如果你要在其他盤創建可以輸入如下命令

其他盤創建文件夾命令

> 盤符:                 #比如 D:
> md `你要創建的文件夾`  #比如 md blog
> cd `你創建的文件夾`    #比如 cd blog

2.2生成hexo博客文件

在上面操作的blog文件目錄下操作，cmd最好是管理員的方式運行，輸入如下命令即可在blog文件夾下麵生成hexo博客文件。

生成hexo博客文件

hexo init

因為各種原因，沒有在C盤操作了，比如許可權問題，下麵我都是在虛擬機的E盤操作

然後我遇到了一個問題在這裡記錄一下，如果你在這個步驟和我遇到了一樣的問題也可以參考我的解決辦法。如下圖報錯。

解決辦法是找到nodejs的安裝目錄，右鍵屬性，點擊安全，設置users用戶完全控制許可權

輸入完成生成命令之後，可以在生成的目錄下麵看見這些文件，如下圖，後門做博客全部都是基於如下圖的文件來修修改改

2.3啟動hexo博客

現在什麼都做完了，就差啟動了，輸入如下命令即可啟動，前提是必須是在你生成hexo博客的文件夾下麵輸入如下命令

啟動hexo博客

hexo s

輸入完成這個命令之後你應該能看見如下圖所示的樣子

然後就可以根據地址到瀏覽器去訪問,http://localhost:4000/
如下圖，成功畫面。

我就在這裡簡單說下hexo的命令用法

啟動服務

hexo s

刪除緩存

hexo clean

重構文件

hexo g

部署到遠程站點

hexo d

在這個頁面上面，也詳細說明瞭，怎麼創建文章，啟動服務，到此，一個基礎的hexo博客就已經搭建完畢。

二.更換主題

官方給的主題不太好看怎麼辦，換主題唄！這裡我以Matery主題來做演示，當然你現在看見的這個博客就是用Matery主題來修改的。

1.下載主題

Matery官方文檔當然你也可以去官方文檔查看，裡面有如何修改，配置，當然大多數還是需要自己去修改。

在你的hexo目錄下麵有一個themes文件夾，cd進去，然後下載matery主題，命令如下

安裝matery主題

git clone https://github.com/blinkfox/hexo-theme-matery.git

如下圖，如果你和我一樣那麼就是下載成功了,從上往下，我們先看第二個箭頭，第二個箭頭是安裝matery主題命令，然後下載完畢之後，把themes文件夾裡面的主題名字改為matery原名是hexo-theme-matery，這樣的好處是方便操作

1.1安裝主題

下載完畢之後還需要做配置文件的修改才能生效，首先我們打開hexo博客目錄下的_config.yml文件，如下圖，從左往右，打開第一個紅色箭頭所指的_config.yml文件然後，右邊的紅色箭頭是打開文件過後的樣子，找到底部theme選項，然後把原本的值修改成matery

如下圖查看效果，發現就變好康了很多