目錄

• 一、前言

• 二、Github配置

• 新建同名倉(cāng)庫(kù)

• 配置Pages

• 三、安裝Hexo

• 四、配置hexo-deployer-git

• 五、訪問(wèn)

• 六、發(fā)布文章

• 七、安裝主題

一、前言

我之前開了好幾年的云服務(wù)器了，實(shí)際上使用場(chǎng)景并不是很多，感覺有點(diǎn)浪費(fèi)。前兩個(gè)月都給關(guān)掉了，現(xiàn)在呢琢磨著弄一個(gè)免費(fèi)的云服務(wù)搭建個(gè)人博客。暫時(shí)先弄Github的，Gitee的那個(gè)要身份證，暫時(shí)弄不了，等等吧。

需要準(zhǔn)備的環(huán)境：

windows的話需要準(zhǔn)備node環(huán)境，可以關(guān)注某綠色軟件回復(fù)：1009 不限速下載軟件安裝

這里列一下清單

1. node環(huán)境

2. 能訪問(wèn)github并準(zhǔn)備好github賬號(hào)

二、Github配置

新建同名倉(cāng)庫(kù)

這里需要注意的有兩點(diǎn)

1. 倉(cāng)庫(kù)名格式： username.github.io

2. 倉(cāng)庫(kù)需要設(shè)置public，不能設(shè)置為private

配置Pages

在倉(cāng)庫(kù)主頁(yè)點(diǎn)擊Setting

這里的配置按照以下方式配置即可

OK，那么這里需要配置的完成了。

三、安裝Hexo

這里需要注意的是，需要先確認(rèn)安裝好了node環(huán)境，并配置了環(huán)境變量，可以通過(guò)cmd輸入 npm -v 命令確認(rèn)

halo官網(wǎng)地址：https://hexo.io/zh-cn/

安裝很簡(jiǎn)單，直接在cmd中輸入 npm install hexo-cli -g 即可

此時(shí)，需要在本地建立一個(gè)倉(cāng)庫(kù)，這個(gè)倉(cāng)庫(kù)中的文件將來(lái)會(huì)同步到github上。

建立方式是在cmd中輸入 hexo init ，需要說(shuō)明的是，需要在指定目錄執(zhí)行該命令，我這里推薦一個(gè)簡(jiǎn)單的方式。

1. 進(jìn)入需要初始化倉(cāng)庫(kù)的文件夾下

2. 左上角輸入cmd

3. 回車

這樣打開的cmd窗口自動(dòng)進(jìn)入到當(dāng)前目錄了

這樣就算是創(chuàng)建好了，可以看到生成了一堆文件

四、配置hexo-deployer-git

官方地址：https://github.com/hexojs/hexo-deployer-git

安裝也很簡(jiǎn)單，直接在cmd中輸入 npm install hexo-deployer-git --save

需要注意的是，執(zhí)行該命令，需要在上面hexo初始化的倉(cāng)庫(kù)目錄下執(zhí)行，否則是沒(méi)有用的。

執(zhí)行完效果如上圖

我們需要關(guān)注的是生成的_config.yml文件，這里我們打開這個(gè)文件，并對(duì)部分配置做修改。

1. 修改url

1. 修改deploy

1. 這個(gè)配置可改可不改

修改完畢保存后，我們?cè)赾md中執(zhí)行命令 helo d 即可部署我們的項(xiàng)目，稍等幾分鐘，就能訪問(wèn)到了。

正常到這邊就結(jié)束了，但是后續(xù)多上傳幾次后就會(huì)報(bào)錯(cuò)

這個(gè)原因可能是被限制了，我們需要配置token

打開github的settings

權(quán)限勾選第一個(gè)就行了

接下來(lái)我們需要在_config.yml中加上token

五、訪問(wèn)

我的路由是：https://zysicyj.github.io/

六、發(fā)布文章

官方文檔：https://hexo.io/zh-cn/docs/commands

執(zhí)行hexo -new 可以創(chuàng)建文件

執(zhí)行上傳命令 helo g && hexo d ，然后等幾分鐘，能看到文件已經(jīng)同步上去了

七、安裝主題

我是用的主題是bufferfly https://butterfly.js.org/posts/21cfbf15/#安裝

倉(cāng)庫(kù)根目錄下拉取代碼

修改_config.yml

安裝插件

重新生成部署 hexo -g && hexo d

后續(xù)的話還有不少可以優(yōu)化的地方，比如hexo主題，分類和標(biāo)簽問(wèn)題，圖片顯示問(wèn)題等等，這個(gè)后續(xù)再寫文章吧