1). 安裝Node

2). 安裝Git

3). 注冊碼云

4). 安裝Hexo

npm install hexo-cli -g 圖1.png

5). 在一個空文件夾中初始化hexo

hexo init 圖2.png

6). 生成靜態頁面

hexo g 圖3.png

7). 啟動本地服務

hexo s 圖4.png

瀏覽器輸入：http://localhost:4000/ 查看

8). 在碼云中創建項目

圖5.png

9). 獲取倉庫地址鏈接

https://gitee.com/mazaiting/blog.git

圖6.png

10). 修改配置項目根目錄_config.yml 文件，修改deploy的值

圖7.png

11). 配置用戶名和郵箱

git config --global user.name空格+你的碼云的名字 git config --global user.email空格+你的碼云的郵箱

12). 安裝hexo-deployer-git

npm install hexo-deployer-git --save 圖8.png

13). 一鍵部署

hexo deploy

圖9.png
運行后報錯，然后執行命令npm install hexo --save，運行完成后再執行 hexo deploy
圖10.png
執行成功后：
圖11.png

14). 碼云文件

圖12.png

15). 使用免費域名

在項目首頁 -> 服務 -> Gitee Pages

圖13.png

• 進入后頁面如下圖，接下來要先對綁定手機號，點擊下方的藍色設置

  
  圖14.png

• 如果已綁定手機號則為該頁面，則直接點擊啟動即可

  
  圖15.png

16). 部署成功

成功后界面如下，登陸https://mazaiting.gitee.io/blog即可訪問

圖16.png

17). 問題

此時訪問https://mazaiting.gitee.io/blog，會沒有樣式

圖17.png
解決方法：在_config.yml中，修改root: / 為 root: /<項目名>/(此處默認為root: /), 然后重新部署。
圖18.png

18). 代碼下載

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Hexo+OSChina（码云）+git 搭建个人博客的全部內容，希望文章能夠幫你解決所遇到的問題。

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