Hexo是什么?
Hexo是一个快速、简洁且高效的博客框架,使用Markdown解析文章,可利用可定制的主题生成静态网页。
安装
必备程序:Node
、Git
- 使用npm安装hexo-cli
npm install/i -g hexo-cli
- 初始化Hexo项目目录
hexo init <folder>
- 安装完成,启动服务测试。
cd <folder>
hexo server/s
更改主题
主题: maupassant
- 下载主题
git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
- 更改项目根目录下的_config.yml配置文件中的主题配置项
theme: maupassant
安装其他依赖项
1. 安装maupassant所需依赖项
npm install hexo-renderer-pug --save
npm install hexo-renderer-sass --save
- 安装RSS启用依赖项
npm install hexo-generator-feed --save
- 安装一键部署依赖项
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账户没有网站服务器部署目录权限时,可能导致服务器端自动部署失败。
创建到发布的完整流程
- 新建一篇新的文章
hexo new [layout] <title>
- 如果默认新建为草稿,则需要执行这一步
hexo publish [layout] <title>
- 本地服务预览(可省略)
hexo s
- 生成静态资源
hexo g
- 发布及自动部署
hexo d