adobe網(wǎng)站制作合肥正規(guī)的seo公司
Hexo+GithubPages免費搭建個人博客網(wǎng)站
目錄
- 一、前言
- 二、Github配置
- 新建同名倉庫
- 配置Pages
- 三、安裝Hexo
- 四、配置hexo-deployer-git
- 五、訪問
- 六、發(fā)布文章
- 七、安裝主題
一、前言
我之前開了好幾年的云服務器了，實際上使用場景并不是很多，感覺有點浪費。前兩個月都給關掉了，現(xiàn)在呢琢磨著弄一個免費的云服務搭建個人博客。暫時先弄Github的，Gitee的那個要身份證，暫時弄不了，等等吧。
需要準備的環(huán)境：
windows的話需要準備node環(huán)境，可以關注某綠色軟件回復：1009 不限速下載軟件安裝
這里列一下清單
- node環(huán)境
- 能訪問github并準備好github賬號
二、Github配置
新建同名倉庫
這里需要注意的有兩點
- 倉庫名格式： username.github.io
- 倉庫需要設置public，不能設置為private
配置Pages
在倉庫主頁點擊Setting
這里的配置按照以下方式配置即可
OK，那么這里需要配置的完成了。
三、安裝Hexo
這里需要注意的是，需要先確認安裝好了node環(huán)境，并配置了環(huán)境變量，可以通過cmd輸入 npm -v 命令確認
halo官網(wǎng)地址：https://hexo.io/zh-cn/
安裝很簡單，直接在cmd中輸入 npm install hexo-cli -g 即可
此時，需要在本地建立一個倉庫，這個倉庫中的文件將來會同步到github上。
建立方式是在cmd中輸入 hexo init ，需要說明的是，需要在指定目錄執(zhí)行該命令，我這里推薦一個簡單的方式。
- 進入需要初始化倉庫的文件夾下
- 左上角輸入cmd
- 回車
這樣打開的cmd窗口自動進入到當前目錄了
這樣就算是創(chuàng)建好了，可以看到生成了一堆文件
四、配置hexo-deployer-git
官方地址：https://github.com/hexojs/hexo-deployer-git
安裝也很簡單，直接在cmd中輸入 npm install hexo-deployer-git --save
需要注意的是，執(zhí)行該命令，需要在上面hexo初始化的倉庫目錄下執(zhí)行，否則是沒有用的。
執(zhí)行完效果如上圖
我們需要關注的是生成的_config.yml文件，這里我們打開這個文件，并對部分配置做修改。
修改url
修改deploy
這個配置可改可不改
修改完畢保存后，我們在cmd中執(zhí)行命令 helo d 即可部署我們的項目，稍等幾分鐘，就能訪問到了。
正常到這邊就結束了，但是后續(xù)多上傳幾次后就會報錯
這個原因可能是被限制了，我們需要配置token
打開github的settings
權限勾選第一個就行了
接下來我們需要在_config.yml中加上token
五、訪問
我的路由是：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/#安裝
倉庫根目錄下拉取代碼
修改_config.yml
安裝插件
重新生成部署 hexo -g && hexo d
后續(xù)的話還有不少可以優(yōu)化的地方，比如hexo主題，分類和標簽問題，圖片顯示問題等等，這個后續(xù)再寫文章吧