前言
本篇文章會從本地(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
如下圖查看效果，發現就變好康了很多??，這里查看的時候，先ctrl+c停止運行，然后輸入hexo clean清理快取，在然后輸入hexo g重構，最后輸入hexo s運行服務即可
下一篇文章將是把本地博客部署到阿里云服務器上面
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/466026.html
標籤：Html/Css
上一篇：CSS之Flex詳解