碼雲上部署hexo博客框架

title: 碼雲上部署hexo博客框架

Hexo框架在碼雲上實現我的博客

本文受 https://www.jianshu.com/p/84ae2ba1c133 啓發編寫

---

本地調試

1. 安裝完Node.js https://nodejs.org/en/

2. 安裝git bash工具 https://gitforwindows.org/

3. 在目錄下創建博客文件夾，同時cd進目錄
   • 右鍵 git bash here
   • 輸入命令 npm install -g hexo-cli
   • 查看是否安裝成功，輸入命令 hexo -v 出現版本號即爲安裝成功

搭建開始

能夠參考官方文檔 https://hexo.io/zh-cn/docs/

1. 建立架構
   • hexo init

   若是沒法完成這一步的就去顯示clon後的那個github網址去下載下來解壓，效果是同樣的，同時注意那個主題裏面是空的，須要去主題網站下載一個主題放裏面。

2. 開始本地調試
   • hexo s（這一步主要是看本地效果，之後也是在這裏以爲差很少了再往gitee上部署。
3. 在瀏覽器中輸入http://localhost:4000 看效果
   • 在git bash窗口中按 ctrl + c 退出本地服務
4. 建立博文
   • hexo generate（或直接輸入hexo g）目錄中就會多出一個public文件夾
   • hexo new "個人第一篇博文"
   • 文章會自動生成在/source/_post目錄下

5. Hexo 提供了快速方便的一鍵部署功能，可是咱們要先安裝一個插件。

   在git bash輸入命令：
   • npm install hexo-deployer-git --save

6. 接下來是配置根目錄_config.jml文件修改deploy的值，修改前以下：

   deploy:

   type: git

   repo: 你的倉庫地址

---

遠端部署

1. 登錄Gitee並新建倉庫

   • 建立好了後留意你倉庫的那個地址
2. 開始部署 在blog文件夾中打開git bash輸入命令：

• git config --global user.name "Your Name"
  git config --global user.email "email@example.com"

• hexo deploy

  以後會彈出輸入碼雲帳號密碼的對話框。部署成功以後進入本身的碼雲帳號，查看以前建立的項目中出現了本地項目中public文件夾中的文件

1. 而後開啓碼雲的Pages功能

   • 服務→gitpage→啓動
   • 訪問連接試試看
2. 若是主題網頁體現不出來，留意啓動配置頁面那個使用幫助
   • 設置好URL

   url: 你倉庫地址
   root: 你項目地址

3. 部署到遠端

   • hexo d

4. 完成

   • https://倉庫名.gitee.io/項目名/

---

主題更換

1. 下載zip包解壓在themes文件夾下或git clone下來

2. 在博客目錄中更改

   • theme: 主題名（默認是landscape）

3. 清理並生成

   • hexo clean
   • hexo g
4. 調試並部署
   • hexo d