前言

本篇文章會(huì)從本地(Windows 10)搭建-主題更換-部署阿里云詳細(xì)步驟，如果在搭建過程中，遇到問題，可以通過博客頁(yè)腳下的QQ聯(lián)系我，或者在下面評(píng)論留言

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括蒼南網(wǎng)站建設(shè)、蒼南網(wǎng)站制作、蒼南網(wǎng)頁(yè)制作以及蒼南網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，蒼南網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到蒼南省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

一.本地搭建

1.安裝前置

1.1安裝git

在git官網(wǎng)下載最新版本的git即可，因?yàn)楸镜厥荳indows所以下載Windows版本即可，如下圖所示，如果你是x64版本的電腦就下載紅色箭頭所指的版本，如果你是x32的就下載x32版本的。

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

1.2安裝node.js

安裝hexo博客需要nodejs的支持，需要去nodejs官網(wǎng)下載，下載LTS長(zhǎng)期支持版本即可，如下圖
我這里的版本是16.13.2LTS

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

Windows的建議是，使用cmd用管理員的方式啟動(dòng)
使用windows鍵 + q輸入cmd，鼠標(biāo)右鍵以管理員的方式啟動(dòng)

node查看版本

node -v

npm查看版本

npm -v

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

1.3npm換淘寶源

換淘寶源的原因是npm在國(guó)外下載速度很卡，淘寶源是國(guó)內(nèi)的就不卡,使用npm下載cnpm來實(shí)現(xiàn)換源。

npm下載cnpm命令如下

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

輸入這個(gè)命令之后，如下圖，第一個(gè)紅色箭頭是安裝命令，安裝可能會(huì)稍微有點(diǎn)久，第二個(gè)紅色箭頭是檢查是否安裝成功，如果和我顯示的一樣，沒有ERR的報(bào)錯(cuò)那么就是安裝成功了。

1.4使用cnpm安裝hexo博客框架

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

安裝博客框架命令

cnpm install -g hexo-cli

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

2.生成hexo博客

2.1準(zhǔn)備文件夾

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

準(zhǔn)備blog文件夾

cd ..
cd ..
md blog
cd blog

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

上圖是因?yàn)槲沂褂玫氖翘摂M機(jī)操作，只有一個(gè)C盤，所以只能在C盤下操作，這里我選擇的是在C盤根目錄下面創(chuàng)建blog文件，如果你是真實(shí)機(jī)，電腦里面應(yīng)該有D盤F盤等等...什么盤，如果你要在其他盤創(chuàng)建可以輸入如下命令

其他盤創(chuàng)建文件夾命令

> 盤符:                 #比如 D:
> md `你要?jiǎng)?chuàng)建的文件夾`  #比如 md blog
> cd `你創(chuàng)建的文件夾`    #比如 cd blog

2.2生成hexo博客文件

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

生成hexo博客文件

hexo init

因?yàn)楦鞣N原因，沒有在C盤操作了，比如權(quán)限問題，下面我都是在虛擬機(jī)的E盤操作

然后我遇到了一個(gè)問題在這里記錄一下，如果你在這個(gè)步驟和我遇到了一樣的問題也可以參考我的解決辦法。如下圖報(bào)錯(cuò)。

解決辦法是找到nodejs的安裝目錄，右鍵屬性，點(diǎn)擊安全，設(shè)置users用戶完全控制權(quán)限

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

2.3啟動(dòng)hexo博客

現(xiàn)在什么都做完了，就差啟動(dòng)了，輸入如下命令即可啟動(dòng)，前提是必須是在你生成hexo博客的文件夾下面輸入如下命令

啟動(dòng)hexo博客

hexo s

輸入完成這個(gè)命令之后你應(yīng)該能看見如下圖所示的樣子

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

我就在這里簡(jiǎn)單說下hexo的命令用法

啟動(dòng)服務(wù)

hexo s

刪除緩存

hexo clean

重構(gòu)文件

hexo g

部署到遠(yuǎn)程站點(diǎn)

hexo d

在這個(gè)頁(yè)面上面，也詳細(xì)說明了，怎么創(chuàng)建文章，啟動(dòng)服務(wù)，到此，一個(gè)基礎(chǔ)的hexo博客就已經(jīng)搭建完畢。

二.更換主題

官方給的主題不太好看怎么辦，換主題唄！這里我以Matery主題來做演示，當(dāng)然你現(xiàn)在看見的這個(gè)博客就是用Matery主題來修改的。

1.下載主題

Matery官方文檔當(dāng)然你也可以去官方文檔查看，里面有如何修改，配置，當(dāng)然大多數(shù)還是需要自己去修改。

在你的hexo目錄下面有一個(gè)themes文件夾，cd進(jìn)去，然后下載matery主題，命令如下

安裝matery主題

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

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

1.1安裝主題

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

如下圖查看效果，發(fā)現(xiàn)就變好康了很多????，這里查看的時(shí)候，先ctrl+c停止運(yùn)行，然后輸入hexo clean清理緩存，在然后輸入hexo g重構(gòu)，最后輸入hexo s運(yùn)行服務(wù)即可

下一篇文章將是把本地博客部署到阿里云服務(wù)器上面