目錄

1. 安裝node.js

2. 安裝Git

3. 安裝hexo

4. 和github關聯

1. GitHub創建倉庫

2. 配置SSHkey添加到Github

3. 上傳到Github所建倉庫

4. 測試訪問

5. 創建第一篇博客

6. 更換默認主題

---

1. 安裝node.js

訪問 https://nodejs.org/en/

點擊運行，采用默認選項不停的next即可，安裝完成后

Win + R 輸入cmd，回車打開任務管理器，輸入 node -v 和 npm -v 查看對應的版本信息，出現如下結果即安裝成功

---

?

2. 安裝Git

訪問 https://git-scm.com/downloads

選擇對應的系統進行安裝，這里是win10，選擇windows

大家都是64位機了，選擇如上Setup版本即可

下載后得到

雙擊運行進行安裝

具體的安裝操作可以看看這個Windows系統Git安裝教程

下載完成后，出現這三個軟件

且鼠標右鍵，出現這幾個選項

---

?

3. 安裝hexo

首先在任意地方新建一個文件夾，隨意命名，比如這里命名為“我的博客”

（注意！我前面新建的文件夾是示范用的，實際上我操作的是/d/MyBlog文件夾）

接下來有有五部操作，大家仔細操作噢！

# 1. 安裝hexo的基礎框架
npm install -g hexo

# 2.初始化hexo框架
hexo init

# 3.安裝所需要的組件
npm install

# 4.編譯生成靜態頁面
hexo g

# 5.啟動本地服務
hexo s

這時候大家就可以訪問了，默認訪問地址是http://localhost:4000

可能會出現不能訪問的情況，原因是4000端口被占用，換一個端口就好了，這里換成5555可用

# 切換端口
hexo s -p 5555 

然后訪問即可成功

---

?

4. 和github關聯

1. GitHub創建倉庫

Github中新建一個倉庫

創建成功后，在git bash中，配置github賬戶信息，分別輸入以下兩條指令

git config --global user.name "yourname"
?
git config --global user.email "youremail"

yourname就是你github的用戶名，youremail就是你的郵箱

注意：這一步可能會 "user.name has multiple values"的問題

$ git config --global user.name *******
warning: user.name has multiple values
error: cannot overwrite multiple values with a single valueUse a regexp, --add or --replace-all to change user.name.

這時候我們可以輸入 git config --list 查看詳細信息

你可能會發現最下方你有多個user.name或者多個user.email ，這就是問題所在

這時候用以下兩個命令重新設置一下即可成功！！

git config --global --replace-all user.email "輸入你的郵箱" 
?
git config --global --replace-all user.name "輸入你的用戶名"

最后可以再使用 git config --list 驗證一下

看到用戶名和郵箱正確即成功！！

---

2. 配置SSHkey添加到Github

回到gitbash中，輸入

ssh-keygen -t rsa -C "你的郵箱"

注意其中的C是大寫！！不是小寫！！如果用小寫會出現以下情況！！

成功后，出現如下情況：

這是問你哪里保存這個key文件，回車即可，后面一直回車，直到如圖所示情況

然后我們回到GitHub中，點擊settings

然后點擊SSH and GPG keys

然后點擊New SSH key，進入到以下頁面

我們首先回到gitbash輸入如下命令 得到我們的key

cat ~/.ssh/id_rsa.pub

然后將我們復制的key放入中間部分，標題隨意，完成后點擊Add SSH key

看到上圖即添加成功！！！

然后我們再gitbash中輸入

ssh -T git@github.com

進行驗證！！如下圖所示即成功

---

3. 上傳到Github所建倉庫

然后我們打開我們最開始新建的文件夾，用記事本打開_config.yml文件

修改這個文件，如下圖所示，保存退出

然后我們將其上傳到Github上

首先再gitbash中輸入

npm install hexo-deployer-git --save

然后依次執行以下三個命令

hexo clean
?
hexo generate
?
hexo deploy

如下圖所示即成功

然后我們可以看到我們Github中新建的庫中多了一些內容

這時候我們就上傳成功了！！！！

4. 測試訪問

在瀏覽器中輸入 http://yourgithubname.github.io 訪問

---

?

5. 創建第一篇博客

回到git bash，輸入 hexo n "你創建博客的文件名"

然后我們就可以看到在該目錄下生成了你剛新建的.md文件

然后我們自己的編輯器打開這個文件，這里用Typora打開

進行簡單的編輯

然后我們用hexo clean命令清理一下，在用hexo g命令生成

可以看到我們新生成的文件~~

然后我們hexo s啟動一下

我們進入url訪問

可以看到已經新生成了博客！！不過這時候只能通過本地端口打開，想要用我們前面部署到的Github的那個url打開，還得上傳到我們的Github上去，按照前面第四大點所講的，儀次輸入三個命令

hexo clean
hexo generate
hexo deploy

成功后，我們在瀏覽器輸入 http://yourgithubname.github.io ，就可以發現我們新建的博客了~

到此為止已經成功創建好我們自己的博客！

---

?

6. 更換默認主題

官方的主題網站：https://hexo.io/themes/

這里推薦一個我覺得不錯的主題 https://github.com/litten/hexo-theme-yilia

要換成這個主題，首先我們進行下載，打開git bash，輸入以下命令克隆該主題文件到themes文件夾下的yilia文件里

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

然后我們看到了下載下來的文件夾

然后我們修改配置文件_config.yml,將主題名換為新的主題

保存退出

同樣再儀次執行以下三個命令

hexo clean
hexo generate
hexo s

然后我們打開本地端口的url

發現主題已經更改

最后我們輸入hexo d 上傳到Github即可

這里放上一個可能出現問題的解決方案：Hexo Git部署警告"warning： LF will be replaced by CRLF"的去除方法

最后我們打開 http://yourgithubname.github.io

注意！！上述所有過程可能不會立即生效，大家耐心等待~~

總結

以上是生活随笔為你收集整理的hexo框架个人博客的搭建(面试加分！)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。