Hexo搭建及部署

本文介绍了如何使用Hexo搭建个人博客,包括安装Hexo、选择Maupassant主题、配置RSS和部署插件。通过修改配置文件和设置服务器端的post-receive脚本,实现了Gogs上的自动部署,详细阐述了从创建文章到自动部署的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Hexo是什么?
Hexo是一个快速、简洁且高效的博客框架,使用Markdown解析文章,可利用可定制的主题生成静态网页。

安装
必备程序:NodeGit

  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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值