hexo博客-搭建超詳細教程

個人博客地址 櫻花🌸

不說hexo是啥了，畢竟都開始準備搭建了，網上又各種介紹。

前言

這個搭建教程是不需要服務器的，因爲是搭建到github上的。

當然也可以搭建到服務器，如果感覺不喜歡別人的服務器，推薦使用阿里雲的服務器，以前我是搭建到這個上面的，現在搬到了github＋coding雙部署。

安裝Git以及連接GitHub

在你的Windows電腦上安裝Git以及連接GitHub,教程見下面的網址。

詳細教程

安裝Node.js

這個是方便Hexo在本地搭建修改的。教程見下面網址。

詳細教程

安裝Hexo

主題來了，來安裝Hexo這博客框架。

首先創建一個文件夾，命名爲你想要的名字。我的名字叫SakuraHexo，這個文件夾就是用來放博客所有文件的地方。進入文件夾後，按住Shift鍵同時右鍵鼠標。

點 在此處打開PowerShell窗口(S)

使用npm命令來安裝Hexo

npm install -g hexo-cli 

安裝完成後會有幾個報錯，這個沒關係無視(☆-ｖ-)它就可以了

然後輸入 hexo -v 來驗證是否安裝成功

hexo -v

然後初始化我們的網址，輸入

hexo init

接着輸入 npm install 來安裝這個網址所需要的依賴插件

npm install

完成後，輸入hexo g 來生成靜態網頁

hexo g

結果顯示

INFO  Generated: 
INFO  Generated: 
INFO  Generated: 
INFO  Generated: 
INFO  * files generated in 1.12 s

hexo s 開啓本地服務器

hexo s

結果顯示

INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

這就代表啓動成功了。

想看網站的樣式在瀏覽器輸入網址http://localhost:4000就可以查看了。

如果想關閉本地服務，Ctrl+C 就可以了 或者關閉這個命令窗口。

Hexo常用命令

使用最多的幾個

hexo new "一個新的文章"    #這是創建新的文章的命令
hexo g    #生成靜態網頁
hexo s    #啓動本地服務
hexo d    #部署到github或別地方

其他更詳細點的Hexo命令在下面網址看

Hexo常用命令

Hexo美化

Hexo有各種各樣的主題。本博客使用的hexo-theme-sakura

這個主題的使用教程在下面網址

主題使用教程

主題美化詳細教程