Hexo搭建及部署

Hexo是什麼？
Hexo是一個快速、簡潔且高效的博客框架，使用Markdown解析文章，可利用可定製的主題生成靜態網頁。

安裝
必備程序：Node、Git

1. 使用npm安裝hexo-cli

npm install/i -g hexo-cli

1. 初始化Hexo項目目錄

hexo init <folder>

1. 安裝完成，啓動服務測試。

cd <folder>
hexo server/s

更改主題
主題: maupassant

1. 下載主題

git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant

1. 更改項目根目錄下的_config.yml配置文件中的主題配置項

theme: maupassant

安裝其他依賴項
1. 安裝maupassant所需依賴項

npm install hexo-renderer-pug --save
npm install hexo-renderer-sass --save

1. 安裝RSS啓用依賴項

npm install hexo-generator-feed --save

1. 安裝一鍵部署依賴項

npm install hexo-deployer-git --save

生成靜態網頁資源

hexo generate/g

部署
更改項目根目錄下的_config.yml配置文件中的Deployment配置項

deploy:
  type: git
  repo: <git遠程庫地址>
  branch: <branch>  // 提交的目標分支
  message: 提交信息

服務器端自動部署
進入服務器端gogs中gogs-repositories下該項目的hooks目錄，修改post-receive中的腳本：

#!/usr/bin/env bash

unset GIT_DIR
NowPath=`pwd`
DeployPath="網站服務器部署目錄"
cd $DeployPath
git pull origin master
cd $NowPath
exit 0

當在本地倉庫執行git push後就會觸發post-receive，實現自動部署。

注: 當前git賬戶沒有網站服務器部署目錄權限時，可能導致服務器端自動部署失敗。
創建到發佈的完整流程

1. 新建一篇新的文章

hexo new [layout] <title>

1. 如果默認新建爲草稿，則需要執行這一步

hexo publish [layout] <title>

1. 本地服務預覽(可省略)

hexo s

1. 生成靜態資源

hexo g

1. 發佈及自動部署

hexo d